Merge pull request #33 from Sicnecher/sicnecher-branch

s

src/cmps/BoardDetails.jsx

@@ -55,8 +55,7 @@ const BoardDetails = () => {
   const labels = ["item", "priority", "status", "members", "date", "+"];
 
   const progress = [null, null, "priority", "status", "members", "date"];
-
-  const handleCheckBoxClick = (groupId, taskId) => {
+    const handleCheckBoxClick = (groupId, taskId) => {
     console.log(groupId, taskId);
     console.log(checkedBoxes);
     setCheckedBoxes((prev) => {

src/cmps/dynamicCmps/Members.jsx

@@ -6,6 +6,9 @@ import { useSelector } from "react-redux";
 export function Members({ cellId, group, task, members, onTaskUpdate, users }) {
     const openModalId = useSelector(state => state.boardModule.openModal)
     const modal = (openModalId === cellId)
+    useEffect(() => {
+        console.log(members)
+    }, [])
 
     const modalRef = useRef(null)
     const membersCellRef = useRef(null)

src/cmps/dynamicCmps/modals/ChatModal.jsx

@@ -89,7 +89,7 @@ export function ChatModal({
 
     return (
         <section className="chat-modal">
-
+            
             <button className="exis-button" onClick={modalToggle}>X</button>
 
             {/* Edit Task Title */}

src/styles/_mondayIndex.scss

@@ -8,7 +8,7 @@
   display: grid;
   grid-template-columns: 200px 1fr;
   gap: 10px;
-  height: calc(100vh - 60px); /* Adjust based on the height of AppHeader */
+  height: 100%;
 }
 
 header {
@@ -25,4 +25,6 @@ header {
   grid-column: 2 / 3;
   height: 100%;
   overflow-y: auto;
+  display: grid;
+  grid-template-rows: 100px 1fr;
 }

src/styles/dynamicCmps/modals/_ChatModal.scss

@@ -2,12 +2,12 @@
   position: relative;
 
   .chat-modal {
-    z-index: 10;
+    z-index: 100;
     position: absolute;
     top: 0px; // temporary
     right: 0px; // temporary
     width: 50%;
-    height: 100%;
+    height: 600px;
     background-color: white;
     border: solid black 2px;
     border-radius: 5px;