From 72800777df26eb5f2ec485d6d7a4d989d15aa859 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20Barrenechea=20S=C3=A1nchez?=
 <miguel.barrenechea@vizzuality.com>
Date: Wed, 18 May 2022 12:55:14 +0200
Subject: [PATCH 1/2] Scenario: cloning

---
 app/components/scenarios/item/component.tsx   | 13 +++++++
 .../scenarios/item/settings/component.tsx     | 22 +++++------
 app/hooks/scenarios/index.ts                  |  8 ++--
 app/hooks/scenarios/types.ts                  |  2 +-
 .../projects/show/scenarios/component.tsx     |  4 +-
 .../scenarios/edit/status/actions/done.tsx    | 39 ++++++++++++++++++-
 app/layout/scenarios/edit/status/constants.ts |  4 ++
 7 files changed, 70 insertions(+), 22 deletions(-)

diff --git a/app/components/scenarios/item/component.tsx b/app/components/scenarios/item/component.tsx
index 12d170cbeb..f1608b6cfd 100644
--- a/app/components/scenarios/item/component.tsx
+++ b/app/components/scenarios/item/component.tsx
@@ -60,6 +60,14 @@ const SCENARIO_STATES = {
     text: 'Fail Features',
     styles: 'text-red-500',
   },
+  'clone-running': {
+    text: 'Running cloning',
+    styles: 'text-white',
+  },
+  'clone-failure': {
+    text: 'Fail cloning scenario',
+    styles: 'text-red-500',
+  },
   draft: {
     text: 'Edited',
     styles: 'text-gray-400',
@@ -112,6 +120,7 @@ export const Item: React.FC<ItemProps> = ({
     const geofeatureStratification = jobs.find((j) => j.kind === 'geofeatureStratification');
     const specification = jobs.find((j) => j.kind === 'specification');
     const calibration = jobs.find((j) => j.kind === 'calibration');
+    const clone = jobs.find((j) => j.kind === 'clone');
     const run = jobs.find((j) => j.kind === 'run');
 
     // PROTECTED AREAS
@@ -153,6 +162,10 @@ export const Item: React.FC<ItemProps> = ({
     if (runStatus === 'failure') return 'run-failure';
     if (runStatus === 'done') return 'run-done';
 
+    // CLONE
+    if (clone && clone.status === 'running') return 'clone-running';
+    if (clone && clone.status === 'failure') return 'clone-failure';
+
     if (ranAtLeastOnce) return 'run-done';
 
     return 'draft';
diff --git a/app/components/scenarios/item/settings/component.tsx b/app/components/scenarios/item/settings/component.tsx
index 0eee1f25de..a3e0e2970b 100644
--- a/app/components/scenarios/item/settings/component.tsx
+++ b/app/components/scenarios/item/settings/component.tsx
@@ -4,8 +4,6 @@ import { useRouter } from 'next/router';
 
 import { useCanEditProject } from 'hooks/permissions';
 
-import ComingSoon from 'layout/help/coming-soon';
-
 import Button from 'components/button';
 
 export interface ItemSettingsProps {
@@ -29,17 +27,15 @@ export const Item: React.FC<ItemSettingsProps> = ({
       {children}
 
       <div className="flex justify-end w-full space-x-1 mt-2.5">
-        <ComingSoon>
-          <Button
-            className="flex-shrink-0"
-            size="s"
-            theme="secondary"
-            disabled={!editable}
-            onClick={onDuplicate}
-          >
-            Duplicate
-          </Button>
-        </ComingSoon>
+        <Button
+          className="flex-shrink-0"
+          size="s"
+          theme="secondary"
+          disabled={!editable}
+          onClick={onDuplicate}
+        >
+          Duplicate
+        </Button>
 
         <Button
           className="flex-shrink-0"
diff --git a/app/hooks/scenarios/index.ts b/app/hooks/scenarios/index.ts
index 88861e9b4f..3fc00801d1 100644
--- a/app/hooks/scenarios/index.ts
+++ b/app/hooks/scenarios/index.ts
@@ -760,10 +760,10 @@ export function useDuplicateScenario({
   const queryClient = useQueryClient();
   const [session] = useSession();
 
-  const duplicateScenario = ({ id }: DuplicateScenarioProps) => {
+  const duplicateScenario = ({ sid }: DuplicateScenarioProps) => {
     // Pending endpoint
     return SCENARIOS.request({
-      url: `/${id}`,
+      url: `/${sid}/clone`,
       headers: {
         Authorization: `Bearer ${session.accessToken}`,
       },
@@ -773,9 +773,7 @@ export function useDuplicateScenario({
 
   return useMutation(duplicateScenario, {
     onSuccess: (data: any, variables, context) => {
-      const { id, projectId } = data;
-      queryClient.invalidateQueries(['scenarios', projectId]);
-      queryClient.invalidateQueries(['scenarios', id]);
+      queryClient.invalidateQueries(['scenarios']);
       console.info('Success', data, variables, context);
     },
     onError: (error, variables, context) => {
diff --git a/app/hooks/scenarios/types.ts b/app/hooks/scenarios/types.ts
index fa11622d39..e3ba0bb14a 100644
--- a/app/hooks/scenarios/types.ts
+++ b/app/hooks/scenarios/types.ts
@@ -89,7 +89,7 @@ export interface UseDuplicateScenarioProps {
 }
 
 export interface DuplicateScenarioProps {
-  id: string | string[];
+  sid: string | string[];
 }
 
 export interface UseRunScenarioProps {
diff --git a/app/layout/projects/show/scenarios/component.tsx b/app/layout/projects/show/scenarios/component.tsx
index 83171f9746..4295506c43 100644
--- a/app/layout/projects/show/scenarios/component.tsx
+++ b/app/layout/projects/show/scenarios/component.tsx
@@ -130,7 +130,7 @@ export const ProjectScenarios: React.FC<ProjectScenariosProps> = () => {
   });
 
   const onDuplicate = useCallback((scenarioId, scenarioName) => {
-    duplicateScenarioMutation.mutate({ id: scenarioId }, {
+    duplicateScenarioMutation.mutate({ sid: scenarioId }, {
       onSuccess: ({ data: { data: s } }) => {
         addToast('success-duplicate-project', (
           <>
@@ -140,7 +140,7 @@ export const ProjectScenarios: React.FC<ProjectScenariosProps> = () => {
               {' '}
               {scenarioName}
               {' '}
-              duplicated
+              start duplicating
             </p>
           </>
         ), {
diff --git a/app/layout/scenarios/edit/status/actions/done.tsx b/app/layout/scenarios/edit/status/actions/done.tsx
index eb35101b06..cda404ee3e 100644
--- a/app/layout/scenarios/edit/status/actions/done.tsx
+++ b/app/layout/scenarios/edit/status/actions/done.tsx
@@ -31,6 +31,7 @@ export const useScenarioActionsDone = () => {
   const { subtab } = useSelector((state) => state[`/scenarios/${sid}/edit`]);
 
   const { data: scenarioData } = useScenario(sid);
+  console.log(scenarioData);
 
   const scenarioMutation = useSaveScenario({
     requestConfig: {
@@ -311,7 +312,7 @@ export const useScenarioActionsDone = () => {
         JOB_REF.current = null;
       },
       onError: () => {
-        addToast('onRunRone', (
+        addToast('onRunError', (
           <>
             <h2 className="font-medium">Error!</h2>
           </>
@@ -330,6 +331,40 @@ export const useScenarioActionsDone = () => {
     addToast,
   ]);
 
+  // Run
+  const onCloneImportDone = useCallback((JOB_REF) => {
+    scenarioMutation.mutate({
+      id: `${sid}`,
+      data: {
+        metadata: mergeScenarioStatusMetaData(
+          scenarioData?.metadata,
+          scenarioData?.metadata?.scenarioEditingMetadata,
+        ),
+      },
+    }, {
+      onSuccess: () => {
+        dispatch(setJob(null));
+        JOB_REF.current = null;
+      },
+      onError: () => {
+        addToast('onCloneError', (
+          <>
+            <h2 className="font-medium">Error!</h2>
+          </>
+        ), {
+          level: 'error',
+        });
+      },
+    });
+  }, [
+    sid,
+    scenarioMutation,
+    scenarioData?.metadata,
+    dispatch,
+    setJob,
+    addToast,
+  ]);
+
   return {
     features: onFeaturesDone,
     planningAreaProtectedCalculation: onPlanningAreaProtectedCalculationDone,
@@ -338,5 +373,7 @@ export const useScenarioActionsDone = () => {
     planningUnitsInclusion: onPlanningUnitsInclusionDone,
     calibration: onCalibrationDone,
     run: onRunDone,
+    clone: onCloneImportDone,
+    import: onCloneImportDone,
   };
 };
diff --git a/app/layout/scenarios/edit/status/constants.ts b/app/layout/scenarios/edit/status/constants.ts
index 3a9c0a74c0..5c506b0357 100644
--- a/app/layout/scenarios/edit/status/constants.ts
+++ b/app/layout/scenarios/edit/status/constants.ts
@@ -6,6 +6,8 @@ export const TEXTS_RUNNING = {
   costSurface: () => 'Processing cost surface...',
   calibration: () => 'Processing calibration...',
   run: () => 'Running Marxan...',
+  clone: () => 'Cloning scenario...',
+  import: () => 'Importing scenario...',
 };
 
 export const TEXTS_FAILURE = {
@@ -16,4 +18,6 @@ export const TEXTS_FAILURE = {
   costSurface: () => 'Fail Processing cost surface',
   calibration: () => 'Fail Processing calibration',
   run: () => 'Fail Running Marxan',
+  clone: () => 'Fail Cloning scenario',
+  import: () => 'Fail Importing scenario',
 };

From ab650080b4143d29fcd5819bc85868f82f42abd7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20Barrenechea=20S=C3=A1nchez?=
 <miguel.barrenechea@vizzuality.com>
Date: Wed, 18 May 2022 13:42:46 +0200
Subject: [PATCH 2/2] Scenario: cloning

---
 .../scenarios/edit/status/actions/done.tsx    |  3 ++-
 .../scenarios/edit/status/actions/failure.tsx | 27 +++++++++++++++++++
 2 files changed, 29 insertions(+), 1 deletion(-)

diff --git a/app/layout/scenarios/edit/status/actions/done.tsx b/app/layout/scenarios/edit/status/actions/done.tsx
index cda404ee3e..a32534519c 100644
--- a/app/layout/scenarios/edit/status/actions/done.tsx
+++ b/app/layout/scenarios/edit/status/actions/done.tsx
@@ -31,7 +31,6 @@ export const useScenarioActionsDone = () => {
   const { subtab } = useSelector((state) => state[`/scenarios/${sid}/edit`]);
 
   const { data: scenarioData } = useScenario(sid);
-  console.log(scenarioData);
 
   const scenarioMutation = useSaveScenario({
     requestConfig: {
@@ -344,6 +343,7 @@ export const useScenarioActionsDone = () => {
     }, {
       onSuccess: () => {
         dispatch(setJob(null));
+        dispatch(setCache(Date.now()));
         JOB_REF.current = null;
       },
       onError: () => {
@@ -362,6 +362,7 @@ export const useScenarioActionsDone = () => {
     scenarioData?.metadata,
     dispatch,
     setJob,
+    setCache,
     addToast,
   ]);
 
diff --git a/app/layout/scenarios/edit/status/actions/failure.tsx b/app/layout/scenarios/edit/status/actions/failure.tsx
index d775567336..78687f4195 100644
--- a/app/layout/scenarios/edit/status/actions/failure.tsx
+++ b/app/layout/scenarios/edit/status/actions/failure.tsx
@@ -232,6 +232,31 @@ export const useScenarioActionsFailure = () => {
     });
   }, [sid, scenarioMutation, scenarioData?.metadata, dispatch, setJob, addToast]);
 
+  const onCloneImportFailure = useCallback(() => {
+    scenarioMutation.mutate({
+      id: `${sid}`,
+      data: {
+        metadata: mergeScenarioStatusMetaData(
+          scenarioData?.metadata,
+          scenarioData?.metadata?.scenarioEditingMetadata?.lastTab,
+        ),
+      },
+    }, {
+      onSuccess: () => {
+        dispatch(setJob(null));
+      },
+      onError: () => {
+        addToast('onRunFailure', (
+          <>
+            <h2 className="font-medium">Error!</h2>
+          </>
+        ), {
+          level: 'error',
+        });
+      },
+    });
+  }, [sid, scenarioMutation, scenarioData?.metadata, dispatch, setJob, addToast]);
+
   return {
     features: onFeaturesFailure,
     planningAreaProtectedCalculation: onPlanningAreaProtectedCalculationFailure,
@@ -240,5 +265,7 @@ export const useScenarioActionsFailure = () => {
     planningUnitsInclusion: onPlanningUnitsInclusionFailure,
     calibration: onCalibrationFailure,
     run: onRunFailure,
+    clone: onCloneImportFailure,
+    import: onCloneImportFailure,
   };
 };