fixing hiveflow modal

Author: balbatross

packages/app/hiveflow-frontend/src/views/schedule/modal/index.tsx

@@ -103,7 +103,7 @@ export const SchedulingModal = (props: any) => {
         let skills = skillKeys?.map((x) => {
             return {
                 skill: x,
-                hours: parseFloat(prev.find((a) => a.skill == x)?.hours || 0) + parseFloat(curr?.requiredSkills?.find((a) => a?.skill?.skill == x).hours || 0)
+                hours: parseFloat(prev.find((a) => a.skill == x)?.hours || 0) + parseFloat(curr?.requiredSkills?.find((a) => a?.skill?.skill == x)?.hours || 0)
             }
         })
 

packages/app/hiveflow-frontend/src/views/schedule/modal/view/people.tsx

@@ -49,11 +49,21 @@ export const PeopleView = (props: any) => {
         }
     }
 
+    const [ searchQuery, setSearchQuery ] = useState('')
+
+    const search = (item: any) => {
+        if(!searchQuery || searchQuery.length == 0) return true;
+        return item.name.indexOf(searchQuery) > -1;
+    }
+
     return (
         <Box>
-            <TextField fullWidth size="small" label="Search" />
+            <TextField 
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                fullWidth size="small" label="Search" />
             <List sx={{ height: '200px', overflow: 'auto'}}>
-                {props.people?.filter(onLeave).map((people) => {
+                {props.people?.filter(onLeave).filter(search).map((people) => {
                     const {leave: leaveAvailability, scheduled: scheduleAvailability} = getAvailability(people);
                     return <ListItem   
                         dense

packages/app/hiveflow-frontend/src/views/schedule/modal/view/skills.tsx

@@ -9,7 +9,7 @@ export const SkillView = (props: any) => {
         let skills = skillKeys?.map((x) => {
             return {
                 skill: x,
-                hours: parseFloat(prev.find((a) => a.skill ==  x)?.hours || 0) + parseFloat(curr?.requiredSkills?.find((a) => a.skill.skill == x).hours || 0)
+                hours: parseFloat(prev.find((a) => a.skill ==  x)?.hours || 0) + parseFloat(curr?.requiredSkills?.find((a) => a.skill.skill == x)?.hours || 0)
             }
         })
 

packages/app/hiveflow-frontend/src/views/schedule/modal/view/tasks.tsx

@@ -3,20 +3,31 @@ import { useEffect, useState } from "react"
 
 export const TasksView = (props: any) => {
 
-    const [ assignedTasks, setAssignedTasks ] = useState<any[]>([]);
+    const [assignedTasks, setAssignedTasks] = useState<any[]>([]);
 
     useEffect(() => {
         setAssignedTasks(props.selected)
     }, [props.selected])
+
+    const [searchQuery, setSearchQuery] = useState('')
+
+    const search = (item: any) => {
+        if (!searchQuery || searchQuery.length == 0) return true;
+        return item.title.indexOf(searchQuery) > -1;
+    }
+
     return (
         <Box>
-            <TextField fullWidth size="small" label="Search" />
-            <List sx={{height: '200px', overflow: 'auto'}}>
-                {props.tasks?.map((task) => (
+            <TextField
+                value={searchQuery}
+                onChange={(e) => setSearchQuery(e.target.value)}
+                fullWidth size="small" label="Search" />
+            <List sx={{ height: '200px', overflow: 'auto' }}>
+                {props.tasks?.filter(search)?.map((task) => (
                     <ListItem disablePadding sx={{ display: 'flex', alignItems: 'center' }}>
                         <ListItemButton disableGutters onClick={() => {
-                            console.log("SELECT TASK", {task})
-                              if ((assignedTasks || []).indexOf(task.id) < 0) {
+                            console.log("SELECT TASK", { task })
+                            if ((assignedTasks || []).indexOf(task.id) < 0) {
                                 let newSelection = [
                                     ...assignedTasks,
                                     task.id
@@ -32,7 +43,7 @@ export const TasksView = (props: any) => {
 
                             <Checkbox
                                 checked={assignedTasks?.indexOf(task.id) > -1}
-                                 />
+                            />
                             <Typography>{task.title}</Typography>
                         </ListItemButton>
                     </ListItem>