WIP: Add modal to prompt user whether they want to copy or move

frontend/src/js/components/workspace/CopyOrMoveModal.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import {ThunkAction} from "redux-thunk";
+import {GiantState} from "../../types/redux/GiantState";
+import {AppAction, WorkspacesAction} from "../../types/redux/GiantActions";
+import {copyItems} from "../../actions/workspaces/copyItem";
+import {moveItems} from "../../actions/workspaces/moveItem";
+
+type Props = {
+    selectedWorkspaceId: string;
+    entryIds: string[];
+    linkedToWorkspaceId: string;
+    copyItems: (workspaceId: string, itemIds: string[], newWorkspaceId?: (string | undefined), newParentId?: (string | undefined)) => ThunkAction<void, GiantState, null, WorkspacesAction | AppAction>;
+    moveItems: (workspaceId: string, itemIds: string[], newWorkspaceId?: (string | undefined), newParentId?: (string | undefined)) => ThunkAction<void, GiantState, null, WorkspacesAction | AppAction>;
+    onComplete: () => void
+
+}
+
+export default class CopyOrMoveModal extends React.Component<Props> {
+
+    actionAndClose = (action: "copy" | "move") => {
+        const actionFn = action === "copy" ? copyItems: moveItems
+        actionFn(this.props.selectedWorkspaceId, this.props.entryIds, this.props.linkedToWorkspaceId)
+        this.props.onComplete()
+    }
+
+    render() {
+
+        return (
+            <form className='form' >
+                <h2>Copy or move items</h2>
+                Do you want to copy or move the selected items to the destination workspace?
+
+                <button
+                    className='btn'
+                    onClick={() => this.actionAndClose("copy")}
+                    type='button'>Copy</button>
+                <button
+                    className='btn'
+                    onClick={() => this.actionAndClose("move")}
+                    type='button'>Copy</button>
+            </form>
+        );
+    }
+}