Include destination workspace name in modal message

guardian · Jan 8, 2024 · 740e127 · 740e127
1 parent 4f6274a
commit 740e127
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/frontend/src/js/components/workspace/CopyOrMoveModal.tsx b/frontend/src/js/components/workspace/CopyOrMoveModal.tsx
@@ -1,14 +1,15 @@
 import React from 'react';
 
 type Props = {
+   destinationWorkspaceName: string
    onSubmit: (action: "copy" | "move") => void
 }
-export const CopyOrMoveModal = ({onSubmit}: Props) => {
+export const CopyOrMoveModal = ({destinationWorkspaceName, onSubmit}: Props) => {
 
     return (
         <form className='form' >
             <h2>Copy or move items</h2>
-            Do you want to copy or move the selected items to the destination workspace?
+            Do you want to copy or move the selected items to the workspace '{destinationWorkspaceName}'?
 
             <div className='modal-action__buttons'>
                 <button

diff --git a/frontend/src/js/components/workspace/WorkspacesSidebarItem.tsx b/frontend/src/js/components/workspace/WorkspacesSidebarItem.tsx
@@ -40,7 +40,7 @@ const WorkspacesSidebarItem: FC<PropTypes> = ({selectedEntries, moveItems, copyI
             <div className='sidebar__item__text'>{linkedToWorkspaceName}</div>
         </SidebarSearchLink>
         <Modal isOpen={copyOrMoveModalOpen} dismiss={() => setCopyOrMoveModalOpen(false)}>
-            <CopyOrMoveModal onSubmit={(action: "copy" | "move") => {
+            <CopyOrMoveModal destinationWorkspaceName={linkedToWorkspaceName} onSubmit={(action: "copy" | "move") => {
                 const actionFn = action === "copy" ? copyItems : moveItems
                 actionFn(selectedWorkspaceId, entryIds, linkedToWorkspaceId)
                 setCopyOrMoveModalOpen(false)