From 2fde536c652f89cd9bfac3c5ed9cb2a927f25bd1 Mon Sep 17 00:00:00 2001
From: Maksim Sviridov <enemyworld@gmail.com>
Date: Wed, 31 Jul 2024 12:35:18 +0300
Subject: [PATCH] feat(GoalSidebar): clone goal

---
 .../GoalCreateForm/GoalCreateForm.tsx         | 32 +++++++++++++------
 .../GoalSidebar/GoalSidebar.i18n/en.json      |  3 +-
 .../GoalSidebar/GoalSidebar.i18n/ru.json      |  3 +-
 src/components/GoalSidebar/GoalSidebar.tsx    |  8 ++++-
 src/utils/dispatchModal.ts                    |  7 ++--
 5 files changed, 37 insertions(+), 16 deletions(-)

diff --git a/src/components/GoalCreateForm/GoalCreateForm.tsx b/src/components/GoalCreateForm/GoalCreateForm.tsx
index 8677be68c..d4cb39a56 100644
--- a/src/components/GoalCreateForm/GoalCreateForm.tsx
+++ b/src/components/GoalCreateForm/GoalCreateForm.tsx
@@ -10,7 +10,7 @@ import { dispatchModalEvent, ModalEvent } from '../../utils/dispatchModal';
 import { GoalForm } from '../GoalForm/GoalForm';
 import { trpc } from '../../utils/trpcClient';
 import { GoalCommon, goalCommonSchema } from '../../schema/goal';
-import { ActivityByIdReturnType, GoalCreateReturnType } from '../../../trpc/inferredTypes';
+import { ActivityByIdReturnType, GoalByIdReturnType, GoalCreateReturnType } from '../../../trpc/inferredTypes';
 import { useGoalResource } from '../../hooks/useGoalResource';
 import {
     combobox,
@@ -28,13 +28,25 @@ import { Dropdown, DropdownPanel, DropdownTrigger } from '../Dropdown/Dropdown';
 import { tr } from './GoalCreateForm.i18n';
 import s from './GoalCreateForm.module.css';
 
-interface GoalCreateFormProps {
-    title?: string;
+interface GoalCreateFormProps
+    extends Partial<Pick<NonNullable<GoalByIdReturnType>, 'priority' | 'description' | 'title' | 'personal' | 'tags'>> {
     onGoalCreate?: (val: GoalCreateReturnType) => void;
-    personal?: boolean;
+    project?: {
+        id: string;
+        title: string;
+        flowId: string;
+    } | null;
 }
 
-const GoalCreateForm: React.FC<GoalCreateFormProps> = ({ title, onGoalCreate, personal }) => {
+const GoalCreateForm: React.FC<GoalCreateFormProps> = ({
+    title,
+    onGoalCreate,
+    personal,
+    project,
+    description,
+    priority,
+    tags,
+}) => {
     const router = useRouter();
     const { user } = usePageContext();
     const [goalCreateFormActionCache, setGoalCreateFormActionCache] = useLocalStorage('goalCreateFormAction');
@@ -139,12 +151,14 @@ const GoalCreateForm: React.FC<GoalCreateFormProps> = ({ title, onGoalCreate, pe
         <GoalForm
             busy={busy}
             validitySchema={goalCommonSchema}
-            owner={{ id: user?.activityId, user } as ActivityByIdReturnType}
-            parent={parent ?? undefined}
-            personal={personal}
-            priority={defaultPriority ?? undefined}
+            personal={!!personal}
             onSubmit={createGoal}
             title={title}
+            description={description}
+            owner={{ id: user?.activityId, user } as ActivityByIdReturnType}
+            parent={project ?? parent ?? undefined}
+            priority={priority ?? defaultPriority ?? undefined}
+            tags={tags}
             actionButton={
                 <FormAction className={s.FormActions}>
                     <Button
diff --git a/src/components/GoalSidebar/GoalSidebar.i18n/en.json b/src/components/GoalSidebar/GoalSidebar.i18n/en.json
index 3e1abe8bf..eed7774c2 100644
--- a/src/components/GoalSidebar/GoalSidebar.i18n/en.json
+++ b/src/components/GoalSidebar/GoalSidebar.i18n/en.json
@@ -20,5 +20,6 @@
     "relatedTo": "Relates to",
     "Delete": "",
     "Connect to goal": "",
-    "Is the criteria for": ""
+    "Is the criteria for": "",
+    "Clone goal": ""
 }
diff --git a/src/components/GoalSidebar/GoalSidebar.i18n/ru.json b/src/components/GoalSidebar/GoalSidebar.i18n/ru.json
index c7c56e8fc..5ba54a194 100644
--- a/src/components/GoalSidebar/GoalSidebar.i18n/ru.json
+++ b/src/components/GoalSidebar/GoalSidebar.i18n/ru.json
@@ -20,5 +20,6 @@
     "relatedTo": "Связана с",
     "Delete": "Удалить",
     "Connect to goal": "Привязать к цели",
-    "Is the criteria for": "Является критерием для"
+    "Is the criteria for": "Является критерием для",
+    "Clone goal": "Клонировать цель"
 }
diff --git a/src/components/GoalSidebar/GoalSidebar.tsx b/src/components/GoalSidebar/GoalSidebar.tsx
index deffa9c6b..72d3d44f6 100644
--- a/src/components/GoalSidebar/GoalSidebar.tsx
+++ b/src/components/GoalSidebar/GoalSidebar.tsx
@@ -1,7 +1,7 @@
 import { ComponentProps, FC, useCallback, useMemo } from 'react';
 import { nullable } from '@taskany/bricks';
 import { Tag, TagCleanButton } from '@taskany/bricks/harmony';
-import { IconArrowRightOutline, IconBinOutline, IconXCircleSolid } from '@taskany/icons';
+import { IconArrowRightOutline, IconBinOutline, IconLayersSubtractOutline, IconXCircleSolid } from '@taskany/icons';
 
 import { IssueMeta } from '../IssueMeta/IssueMeta';
 import { UserBadge } from '../UserBadge/UserBadge';
@@ -336,6 +336,12 @@ export const GoalSidebar: FC<GoalSidebarProps> = ({ goal, onGoalTransfer, onGoal
                         )}
                     />
                     <br />
+                    <AddInlineTrigger
+                        icon={<IconLayersSubtractOutline size="xs" />}
+                        text={tr('Clone goal')}
+                        onClick={dispatchModalEvent(ModalEvent.GoalCreateModal, goal)}
+                    />
+                    <br />
                     <AddInlineTrigger
                         icon={<IconBinOutline size="xs" {...goalPageDeleteButton.attr} />}
                         text={tr('Archive goal')}
diff --git a/src/utils/dispatchModal.ts b/src/utils/dispatchModal.ts
index ef75b867a..3fed6e28e 100644
--- a/src/utils/dispatchModal.ts
+++ b/src/utils/dispatchModal.ts
@@ -21,14 +21,13 @@ export enum ModalEvent {
 
 export interface MapModalToComponentProps {
     [ModalEvent.GoalCreateModal]: {
+        onGoalCreate?: (goal: GoalCreateReturnType) => void;
         project?: {
             id: string;
             title: string;
             flowId: string;
-        };
-        title?: string;
-        onGoalCreate?: (goal: GoalCreateReturnType) => void;
-    };
+        } | null;
+    } & Partial<Pick<NonNullable<GoalByIdReturnType>, 'priority' | 'description' | 'title' | 'personal' | 'tags'>>;
     [ModalEvent.ProjectSwitchPublicConfirmModal]: {
         onConfirm?: () => void;
     };