Added onClick function to ProjectContextMenu.js component to toggle p… (

#1486) * Added onClick function to ProjectContextMenu.js component to toggle project.dateHidden value. * Undo undesired changes to package-lock --------- Co-authored-by: John Darragh <[email protected]>
hackforla · Oct 26, 2023 · 2a74e40 · 2a74e40
1 parent ef1e700
commit 2a74e40
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/client/src/components/Projects/ProjectContextMenu.js b/client/src/components/Projects/ProjectContextMenu.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { useState } from "react";
 import PropTypes from "prop-types";
 import {
   faPrint,
@@ -29,6 +30,14 @@ const ProjectContextMenu = ({
   handleCopyModalOpen,
   handleDeleteModalOpen
 }) => {
+  const [projectVisibility, SetProjectVisibility] = useState(
+    project.dateHidden
+  );
+
+  const toggleProjectVisibility = () => {
+    SetProjectVisibility(!projectVisibility);
+  };
+
   const classes = useStyles();
 
   return (
@@ -71,8 +80,11 @@ const ProjectContextMenu = ({
         />
         Duplicate
       </li>
-      <li className={classes.listItem}>
-        {project.dateHidden ? (
+      <li
+        onClick={() => toggleProjectVisibility(project)}
+        className={classes.listItem}
+      >
+        {projectVisibility ? (
           <>
             <FontAwesomeIcon
               icon={faEyeSlash}