wip - wf items not addressable

Author: SamuelPull

frontend/src/pages/Navbar/actions.js

@@ -36,6 +36,9 @@ export const SAVE_EMAIL_ADDRESS_SUCCESS = "SAVE_EMAIL_ADDRESS_SUCCESS";
 export const SAVE_EMAIL_ADDRESS_FAILED = "SAVE_EMAIL_ADDRESS_FAILED";
 export const SET_VALID_EMAIL_ADDRESS_INPUT = "SET_VALID_EMAIL_ADDRESS_INPUT";
 
+export const CLIPBOARD_COPY = "CLIPBOARD_COPY";
+export const CLIPBOARD_PASTE = "CLIPBOARD_PASTE";
+
 export function toggleSidebar() {
   return {
     type: TOGGLE_SIDEBAR
@@ -144,3 +147,16 @@ export function setValidEmailAddressInput(valid) {
     valid
   };
 }
+
+export function clipboardCopy(text) {
+  return {
+    type: CLIPBOARD_COPY,
+    text
+  };
+}
+
+export function clipboardPaste() {
+  return {
+    type: CLIPBOARD_PASTE
+  };
+}

frontend/src/pages/Navbar/reducer.js

@@ -10,6 +10,8 @@ import {
 import { FETCH_ALL_SUBPROJECT_DETAILS_SUCCESS } from "../Workflows/actions";
 
 import {
+  CLIPBOARD_COPY,
+  CLIPBOARD_PASTE,
   DISABLE_USER_PROFILE_EDIT,
   ENABLE_USER_PROFILE_EDIT,
   FETCH_ACTIVE_PEERS_SUCCESS,
@@ -40,7 +42,8 @@ const defaultState = fromJS({
   userProfileOpen: false,
   userProfileEdit: false,
   tempEmailAddress: "",
-  isEmailAddressInputValid: true
+  isEmailAddressInputValid: true,
+  clipboard: null
 });
 
 export default function navbarReducer(state = defaultState, action) {
@@ -100,6 +103,12 @@ export default function navbarReducer(state = defaultState, action) {
         searchTerm: defaultState.get("searchTerm"),
         searchBarDisplayed: defaultState.get("searchBarDisplayed")
       });
+    case CLIPBOARD_COPY: {
+      return state.set("clipboard", action.text || "");
+    }
+    case CLIPBOARD_PASTE: {
+      return state.set("clipboard", null);
+    }
     default:
       return state;
   }

frontend/src/pages/SubProjects/SubProjectContainer.js

@@ -71,6 +71,16 @@ class SubProjectContainer extends Component {
   }
 
   componentDidUpdate(prevProps) {
+    if (this.props.router.location.pathname !== prevProps.router.location.pathname) {
+      const newProjectId = this.props.router.location.pathname.split("/")[2];
+      if (newProjectId !== this.projectId) {
+        this.setState({ isDataFetched: false });
+        this.projectId = newProjectId;
+        this.props.setSelectedView(this.projectId, "project");
+        this.props.fetchAllProjectDetails(this.projectId, true);
+        this.setState({ isDataFetched: true });
+      }
+    }
     const searchTermChanges = this.props.searchTerm !== prevProps.searchTerm;
     const projectsChange = !_isEqual(this.props.subProjects, prevProps.subProjects);
 

frontend/src/pages/Workflows/WorkflowContainer.js

@@ -18,7 +18,7 @@ import InformationDialog from "../Common/InformationDialog";
 import { addDocument } from "../Documents/actions";
 import LiveUpdates from "../LiveUpdates/LiveUpdates";
 import { fetchUser } from "../Login/actions";
-import { setSelectedView } from "../Navbar/actions";
+import { clipboardCopy, setSelectedView } from "../Navbar/actions";
 import { openHistory } from "../Notifications/actions";
 import SubProjectHistoryDrawer from "../SubProjects/SubProjectHistoryDrawer";
 
@@ -275,7 +275,8 @@ const mapDispatchToProps = (dispatch, _ownProps) => {
     disableLiveUpdatesSubproject: () => dispatch(disableLiveUpdatesSubproject()),
     storeWorkflowSearchBarDisplayed: (workflowSearchBarDisplayed) =>
       dispatch(storeWorkflowSearchBarDisplayed(workflowSearchBarDisplayed)),
-    storeWorkflowSearchTermArray: (searchTerms) => dispatch(storeWorkflowSearchTermArray(searchTerms))
+    storeWorkflowSearchTermArray: (searchTerms) => dispatch(storeWorkflowSearchTermArray(searchTerms)),
+    clipboardCopy: (text) => dispatch(clipboardCopy(text))
   };
 };
 
@@ -325,7 +326,8 @@ const mapStateToProps = (state) => {
     workflowMode: state.getIn(["workflow", "workflowMode"]),
     workflowItemsBeforeSort: state.getIn(["workflow", "workflowItemsBeforeSort"]),
     workflowitemsBulkAction: state.getIn(["workflow", "workflowitemsBulkAction"]),
-    workflowSortEnabled: state.getIn(["workflow", "workflowSortEnabled"])
+    workflowSortEnabled: state.getIn(["workflow", "workflowSortEnabled"]),
+    clipboard: state.getIn(["navbar", "clipboard"])
   };
 };
 

frontend/src/pages/Workflows/WorkflowItem.js

@@ -1,7 +1,9 @@
 import React from "react";
 import { Draggable } from "react-beautiful-dnd";
+import { useLocation } from "react-router-dom";
 import _isEmpty from "lodash/isEmpty";
 
+import AddLinkIcon from "@mui/icons-material/AddLink";
 import AttachmentIcon from "@mui/icons-material/Attachment";
 import RejectedIcon from "@mui/icons-material/Block";
 import DoneIcon from "@mui/icons-material/Check";
@@ -200,6 +202,27 @@ const getAttachmentButton = ({ openWorkflowDetails, projectId, subProjectId }, w
   );
 };
 
+const renderCopyButton = (props, workflow, location) => {
+  const { clipboardCopy } = props;
+
+  return (
+    <>
+      <StyledBadge variant="dot" data-test={`info-warning-badge-enabled-${"someid"}`} className="button-style">
+        <IconButton
+          aria-label="show info"
+          onClick={() => {
+            clipboardCopy(location);
+          }}
+          data-test={`workflowitem-copy-button-${"someid"}`}
+          size="large"
+        >
+          <AddLinkIcon />
+        </IconButton>
+      </StyledBadge>
+    </>
+  );
+};
+
 const isWorkflowSelectable = (currentWorkflowSelectable, workflowSortEnabled, status, workflowMode) => {
   const workflowSortable = status === "open";
   return workflowSortEnabled ? workflowSortable : workflowMode === "unordered" ? true : currentWorkflowSelectable;
@@ -393,11 +416,13 @@ export const WorkflowItem = ({
     additionalData,
     tags
   } = workflow.data;
+  const location = useLocation();
   const allowedIntents = workflow.allowedIntents;
   const workflowSelectable = isWorkflowSelectable(currentWorkflowSelectable, workflowSortEnabled, status, workflowMode);
   const canEditWorkflow = canUpdateWorkflowItem(allowedIntents) && status !== "closed";
   const infoButton = getInfoButton(props, status, workflowSortEnabled, workflow.data);
   const attachmentButton = getAttachmentButton(props, workflow.data);
+  const copyButton = renderCopyButton(props, workflow, location);
   const canAssign = canAssignWorkflowItem(allowedIntents) && status !== "closed";
   const canCloseWorkflow = currentUser === assignee && workflowSelectable && status !== "closed";
 
@@ -459,6 +484,7 @@ export const WorkflowItem = ({
                 </div>
                 <div className="info-cell">{infoButton}</div>
                 <div className="info-cell">{attachmentButton}</div>
+                <div className="info-cell">{copyButton}</div>
                 <div className={workflowSelectable ? "workflow-cell" : "workflow-cell not-selectable"}>
                   <Tooltip id="workflow-title" title={displayName}>
                     <Typography variant="body2" className="workflow-item-title">