Add CopyStop -action to ExtraActions menu

HSLdevcom · Jan 14, 2025 · 4ef138a · 4ef138a
1 parent 02bd977
commit 4ef138a
Showing 1 changed file with 28 additions and 21 deletions.
diff --git a/ui/src/components/stop-registry/stops/stop-details/title-row/ExtraActions.tsx b/ui/src/components/stop-registry/stops/stop-details/title-row/ExtraActions.tsx
@@ -1,5 +1,4 @@
-import noop from 'lodash/noop';
-import { FC } from 'react';
+import { FC, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { twJoin } from 'tailwind-merge';
 import { StopWithDetails } from '../../../../../hooks';
@@ -8,8 +7,7 @@ import {
   SimpleDropdownMenu,
   SimpleDropdownMenuItem,
 } from '../../../../../uiComponents';
-
-const DISABLE_UNTIL_IMPLEMENTED = true;
+import { CopyStopModal } from '../stop-version';
 
 const testIds = {
   actionMenu: 'StopDetailsPage::extraActions::menu',
@@ -24,24 +22,33 @@ type ExtraActionsProps = {
 export const ExtraActions: FC<ExtraActionsProps> = ({ className, stop }) => {
   const { t } = useTranslation();
 
+  const [showCopyModal, setShowCopyModal] = useState(false);
+
   return (
-    <SimpleDropdownMenu
-      className={className}
-      buttonClassName={twJoin(
-        'flex h-11 w-11 items-center justify-center border border-grey',
-        'disabled:pointer-events-none disabled:bg-background disabled:opacity-70',
-      )}
-      tooltip={t('accessibility:common.actionMenu')}
-      alignItems={AlignDirection.Left}
-      testId={testIds.actionMenu}
-      disabled={!stop}
-    >
-      <SimpleDropdownMenuItem
-        text={t('stopDetails.actions.extra.copy')}
-        disabled={DISABLE_UNTIL_IMPLEMENTED}
-        onClick={noop}
-        testId={testIds.copy}
+    <>
+      <SimpleDropdownMenu
+        className={className}
+        buttonClassName={twJoin(
+          'flex h-11 w-11 items-center justify-center border border-grey',
+          'disabled:pointer-events-none disabled:bg-background disabled:opacity-70',
+        )}
+        tooltip={t('accessibility:common.actionMenu')}
+        alignItems={AlignDirection.Left}
+        testId={testIds.actionMenu}
+        disabled={!stop}
+      >
+        <SimpleDropdownMenuItem
+          text={t('stopDetails.actions.extra.copy')}
+          onClick={() => setShowCopyModal(true)}
+          testId={testIds.copy}
+        />
+      </SimpleDropdownMenu>
+
+      <CopyStopModal
+        isOpen={showCopyModal}
+        onClose={() => setShowCopyModal(false)}
+        originalStop={stop}
       />
-    </SimpleDropdownMenu>
+    </>
   );
 };