showing the tasks in last 24 hours dynamically, by adding missing par…

…am to API and giving dynamic data to show (#1645)
ever-co · Oct 25, 2023 · b0b655d · b0b655d
1 parent af6c2d9
commit b0b655d
Show file tree

Hide file tree

Showing 3 changed files with 173 additions and 152 deletions.
diff --git a/apps/mobile/app/screens/Authenticated/ProfileScreen/logics/useProfileScreenLogic.ts b/apps/mobile/app/screens/Authenticated/ProfileScreen/logics/useProfileScreenLogic.ts
@@ -1,94 +1,99 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useStores } from '../../../../models';
-import { useAuthTeamTasks } from '../../../../services/hooks/features/useAuthTeamTasks';
-import { useTeamTasks } from '../../../../services/hooks/features/useTeamTasks';
-import { ICreateTask, ITeamTask } from '../../../../services/interfaces/ITask';
-import { createTaskRequest } from '../../../../services/client/requests/tasks';
+import { useCallback, useEffect, useMemo, useState } from "react"
+import { useStores } from "../../../../models"
+import { useAuthTeamTasks } from "../../../../services/hooks/features/useAuthTeamTasks"
+import { useTeamTasks } from "../../../../services/hooks/features/useTeamTasks"
+import { ICreateTask, ITeamTask } from "../../../../services/interfaces/ITask"
+import { createTaskRequest } from "../../../../services/client/requests/tasks"
 
 export const useProfileScreenLogic = ({
 	activeTab,
-	userId
+	userId,
 }: {
-	activeTab: 'worked' | 'assigned' | 'unassigned';
-	userId: string;
+	activeTab: "worked" | "assigned" | "unassigned"
+	userId: string
 }) => {
 	const {
 		TaskStore: { activeTask },
 		authenticationStore: { user, authToken, tenantId, organizationId },
-		teamStore: { activeTeam }
-	} = useStores();
-	const { updateTask, isRefetching } = useTeamTasks();
+		teamStore: { activeTeam },
+	} = useStores()
+	const { updateTask, isRefetching } = useTeamTasks()
 
-	const [showCreateTeamModal, setShowCreateTeamModal] = useState(false);
-	const [isLoading, setIsLoading] = useState(true);
+	const [showCreateTeamModal, setShowCreateTeamModal] = useState(false)
+	const [isLoading, setIsLoading] = useState(true)
 
-	const members = activeTeam?.members || [];
-	const currentUserId = userId || user?.id;
+	const members = activeTeam?.members || []
+	const currentUserId = userId || user?.id
 
 	const matchUser = useMemo(
 		() =>
 			members.find((m) => {
-				return m.employee.userId === userId;
+				return m.employee.userId === userId
 			}) ||
 			members.find((m) => {
-				return m.employee.userId === user?.id;
+				return m.employee.userId === user?.id
 			}),
-		[activeTeam, currentUserId]
-	);
+		[activeTeam, currentUserId],
+	)
 
-	const isAuthUser = user?.employee.userId === currentUserId;
+	const isAuthUser = user?.employee.userId === currentUserId
 
 	const activeUserTeamTask = useMemo(
 		() => (isAuthUser ? activeTask : matchUser?.lastWorkedTask),
-		[userId, isRefetching]
-	);
+		[userId, isRefetching],
+	)
 
-	const userProfile = isAuthUser ? user : matchUser?.employee.user;
+	const userProfile = isAuthUser ? user : matchUser?.employee.user
 
-	const employeeId = isAuthUser ? user?.employee.id : matchUser?.employeeId;
+	const employeeId = isAuthUser ? user?.employee.id : matchUser?.employeeId
 
 	/* Filtering the tasks */
-	const tasksGrouped = useAuthTeamTasks(userProfile);
+	const tasksGrouped = useAuthTeamTasks(userProfile)
 
 	useEffect(() => {
 		if (employeeId) {
 			// getTasksStatsData(employeeId)
 		}
-	}, [employeeId]);
+	}, [employeeId])
 
 	const assignTask = useCallback(
 		(task: ITeamTask) => {
 			if (!matchUser?.employeeId) {
-				return Promise.resolve();
+				return Promise.resolve()
 			}
 
 			return updateTask(
 				{
 					...task,
-					members: [...task.members, (matchUser?.employeeId ? { id: matchUser?.employeeId } : {}) as any]
+					members: [
+						...task.members,
+						(matchUser?.employeeId ? { id: matchUser?.employeeId } : {}) as any,
+					],
 				},
-				task.id
-			);
+				task.id,
+			)
 		},
-		[updateTask, matchUser]
-	);
+		[updateTask, matchUser],
+	)
 
 	const unassignTask = useCallback(
 		(task: ITeamTask) => {
 			if (!matchUser?.employeeId) {
-				return Promise.resolve();
+				return Promise.resolve()
 			}
 
 			return updateTask(
 				{
 					...task,
-					members: [...task.members.filter((member) => member.id !== matchUser?.employeeId)]
+					members: [
+						...task.members.filter((member) => member.id !== matchUser?.employeeId),
+					],
 				},
-				task.id
-			);
+				task.id,
+			)
 		},
-		[updateTask, matchUser]
-	);
+		[updateTask, matchUser],
+	)
 
 	const onCreateNewTask = useCallback(
 		async (task: ICreateTask) => {
@@ -98,17 +103,17 @@ export const useProfileScreenLogic = ({
 					organizationId,
 					tenantId,
 					teams: [{ id: activeTeam?.id }],
-					members: [{ id: employeeId }]
+					members: [{ id: employeeId }],
 				},
-				bearer_token: authToken
-			});
+				bearer_token: authToken,
+			})
 		},
-		[authToken]
-	);
+		[authToken],
+	)
 
 	useEffect(() => {
-		setTimeout(() => setIsLoading(false), 2000);
-	}, []);
+		setTimeout(() => setIsLoading(false), 2000)
+	}, [])
 	return {
 		showCreateTeamModal,
 		setShowCreateTeamModal,
@@ -121,8 +126,8 @@ export const useProfileScreenLogic = ({
 		unassignTask,
 		activeTab,
 		onCreateNewTask,
-		isLoading
-	};
-};
+		isLoading,
+	}
+}
 
-export type IUserProfile = ReturnType<typeof useProfileScreenLogic>;
+export type IUserProfile = ReturnType<typeof useProfileScreenLogic>