Add selectable users

lashwi · Dec 1, 2023 · 60890fd · 60890fd
1 parent 4034a08
commit 60890fd
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/client/src/@types/index.d.ts b/client/src/@types/index.d.ts
@@ -30,6 +30,7 @@ interface Arrow {
   color: string;
 }
 interface User {
+  id: number;
   name: string;
   email?: string;
   profilePicUrl?: string;

diff --git a/client/src/components/Board/index.tsx b/client/src/components/Board/index.tsx
@@ -96,9 +96,11 @@ export default function Board() {
     ],
     users: [
       {
+        id: 1,
         name: "Alice"
       },
       {
+        id: 2,
         name: "Bob"
       }
     ]

diff --git a/client/src/components/TaskDetailsPane/index.tsx b/client/src/components/TaskDetailsPane/index.tsx
@@ -34,14 +34,14 @@ export default function TaskDetailsPane(props: Props) {
     height: 630
   });
   const [showDependencyGraph, setShowDependencyGraph] = useState(false);
-  const personas = [
-    {value: '1', label: 'Alice'},
-    {value: '2', label: 'Bob'}
-  ];
   const taskOptions = otherTasks.map((t) => ({
     value: t.id.toString(),
     label: t.title
   }));
+  const userOptions = props.users.map((u) => ({
+    value: u.id.toString(),
+    label: u.name
+  }));
 
   let taskIdsDependingOn: any[] = [];
   arrows.map((arrow: Arrow) => {
@@ -185,7 +185,7 @@ export default function TaskDetailsPane(props: Props) {
           <Select
             isMulti
             name="colors"
-            options={personas}
+            options={userOptions}
             className="basic-multi-select"
             classNamePrefix="select"
           />