add platformUrl field to UpdateUseCaseMutation and FetchUseCase query; update form handling in Details component

Author: sanjaypinna

app/[locale]/dashboard/[entityType]/[entitySlug]/usecases/edit/[id]/details/page.tsx

@@ -28,6 +28,7 @@ const UpdateUseCaseMutation: any = graphql(`
       status
       startedOn
       completedOn
+      platformUrl
       logo {
         name
         path
@@ -44,6 +45,7 @@ const FetchUseCase: any = graphql(`
       title
       summary
       website
+      platformUrl
       logo {
         name
         path
@@ -102,6 +104,7 @@ const Details = () => {
     runningStatus: null,
     startedOn: null,
     completedOn: null,
+    platformUrl: '',
   };
 
   const runningStatus = [
@@ -141,6 +144,7 @@ const Details = () => {
         runningStatus: UsecasesData.runningStatus || null,
         startedOn: UsecasesData.startedOn || '',
         completedOn: UsecasesData.completedOn || '',
+        platformUrl: UsecasesData.platformUrl || '',
       };
       setFormData(updatedData);
       setPreviousFormData(updatedData);
@@ -149,9 +153,13 @@ const Details = () => {
 
   const { mutate, isLoading: editMutationLoading } = useMutation(
     (data: { data: UseCaseInputPartial }) =>
-      GraphQL(UpdateUseCaseMutation, {
-        [params.entityType]: params.entitySlug,
-      }, data),
+      GraphQL(
+        UpdateUseCaseMutation,
+        {
+          [params.entityType]: params.entitySlug,
+        },
+        data
+      ),
     {
       onSuccess: (res: any) => {
         toast('Use case updated successfully');
@@ -203,6 +211,7 @@ const Details = () => {
           runningStatus: updatedData.runningStatus,
           startedOn: (updatedData.startedOn as Date) || null,
           completedOn: (updatedData.completedOn as Date) || null,
+          platformUrl: updatedData.platformUrl || '',
         },
       });
     }
@@ -226,23 +235,17 @@ const Details = () => {
           onBlur={() => handleSave(formData)}
         />
       </div>
-
-      <Metadata />
       <div className="flex flex-wrap gap-6 md:flex-nowrap lg:flex-nowrap">
         <div className="w-full">
           <TextField
-            label="Started On"
-            name="startedOn"
-            type="date"
-            max={new Date().toISOString().split('T')[0]}
-            value={formData.startedOn || ''}
-            onChange={(e) => {
-              handleChange('startedOn', e);
-            }}
+            label="Platform Url"
+            name="platformUrl"
+            type="url"
+            value={formData.platformUrl}
+            onChange={(e) => handleChange('platformUrl', e)}
             onBlur={() => handleSave(formData)}
           />
         </div>
-
         <div className="w-full">
           <Select
             name={'runningStatus'}
@@ -258,6 +261,24 @@ const Details = () => {
             }}
           />
         </div>
+      </div>
+
+      <Metadata />
+      <div className="flex flex-wrap gap-6 md:flex-nowrap lg:flex-nowrap">
+        <div className="w-full">
+          <TextField
+            label="Started On"
+            name="startedOn"
+            type="date"
+            max={new Date().toISOString().split('T')[0]}
+            value={formData.startedOn || ''}
+            onChange={(e) => {
+              handleChange('startedOn', e);
+            }}
+            onBlur={() => handleSave(formData)}
+          />
+        </div>
+
         <div className="w-full">
           <TextField
             label="Completed On"