[Feat]: Add Delete Task Timesheet function

apps/web/app/api/timer/timesheet/bulk-delete/route.ts

@@ -0,0 +1,42 @@
+import { deleteTaskTimesheetRequest } from '@/app/services/server/requests';
+import { authenticatedGuard } from '@app/services/server/guards/authenticated-guard-app';
+import { NextResponse } from "next/server";
+
+export async function DELETE(req: Request) {
+    const res = new NextResponse();
+    const body = await req.json();
+    const { logIds = [] } = body;
+
+    if (!Array.isArray(logIds) || logIds.length === 0) {
+        return NextResponse.json(
+            { error: 'logIds must be a non-empty array' },
+            { status: 400 }
+        );
+    }
+
+    const { $res, user, tenantId, organizationId, access_token, } = await authenticatedGuard(req, res);
+    if (!user) return $res('Unauthorized');
+    try {
+        const { data } = await deleteTaskTimesheetRequest({
+            tenantId,
+            organizationId,
+            logIds,
+        }, access_token);
+
+        if (!data) {
+            return NextResponse.json(
+                { error: 'No data found' },
+                { status: 404 }
+            );
+        }
+
+        return NextResponse.json(data);
+    } catch (error) {
+        console.error('Error delete timesheet:', error);
+        return NextResponse.json(
+            { error: 'Failed to delete timesheet data' },
+            { status: 500 }
+        );
+    }
+
+}

apps/web/app/hooks/features/useTimesheet.ts

@@ -3,7 +3,7 @@ import { useAtom } from 'jotai';
 import { timesheetRapportState } from '@/app/stores/time-logs';
 import { useQuery } from '../useQuery';
 import { useCallback, useEffect } from 'react';
-import { getTaskTimesheetLogsApi } from '@/app/services/client/api/timer/timer-log';
+import { deleteTaskTimesheetLogsApi, getTaskTimesheetLogsApi } from '@/app/services/client/api/timer/timer-log';
 import moment from 'moment';
 import { ITimeSheet } from '@/app/interfaces';
 import { useTimelogFilterOptions } from './useTimelogFilterOptions';
@@ -17,7 +17,11 @@ export interface GroupedTimesheet {
     date: string;
     tasks: ITimeSheet[];
 }
-
+interface DeleteTimesheetParams {
+    organizationId: string;
+    tenantId: string;
+    logIds: string[];
+}
 
 const groupByDate = (items: ITimeSheet[]): GroupedTimesheet[] => {
     if (!items?.length) return [];
@@ -48,6 +52,8 @@ export function useTimesheet({
     const [timesheet, setTimesheet] = useAtom(timesheetRapportState);
     const { employee, project } = useTimelogFilterOptions();
     const { loading: loadingTimesheet, queryCall: queryTimesheet } = useQuery(getTaskTimesheetLogsApi);
+    const { loading: loadingDeleteTimesheet, queryCall: queryDeleteTimesheet } = useQuery(deleteTaskTimesheetLogsApi)
+
 
     const getTaskTimesheet = useCallback(
         ({ startDate, endDate }: TimesheetParams) => {
@@ -76,6 +82,40 @@ export function useTimesheet({
             project
         ]
     );
+
+
+    const handleDeleteTimesheet = async (params: DeleteTimesheetParams) => {
+        try {
+            return await queryDeleteTimesheet(params);
+        } catch (error) {
+            console.error('Error deleting timesheet:', error);
+            throw error;
+        }
+    };
+
+    const deleteTaskTimesheet = useCallback(
+        async ({ logIds }: DeleteTimesheetParams): Promise<void> => {
+            if (!user) {
+                throw new Error('User not authenticated');
+            }
+            if (!logIds.length) {
+                throw new Error('No timesheet IDs provided for deletion');
+            }
+
+            try {
+                await handleDeleteTimesheet({
+                    organizationId: user.employee.organizationId,
+                    tenantId: user.tenantId ?? "",
+                    logIds
+                });
+            } catch (error) {
+                console.error('Failed to delete timesheets:', error);
+                throw error;
+            }
+        },
+        [user, queryDeleteTimesheet]
+    );
+
     useEffect(() => {
         getTaskTimesheet({ startDate, endDate });
     }, [getTaskTimesheet, startDate, endDate]);
@@ -86,5 +126,7 @@ export function useTimesheet({
         loadingTimesheet,
         timesheet: groupByDate(timesheet),
         getTaskTimesheet,
+        loadingDeleteTimesheet,
+        deleteTaskTimesheet
     };
 }

apps/web/app/services/client/api/timer/timer-log.ts

@@ -1,5 +1,5 @@
 import { ITimeSheet, ITimerStatus } from '@app/interfaces';
-import { get } from '../../axios';
+import { get, deleteApi } from '../../axios';
 
 export async function getTimerLogs(
 	tenantId: string,
@@ -66,3 +66,42 @@ export async function getTaskTimesheetLogsApi({
 	const endpoint = `/timesheet/time-log?${params.toString()}`;
 	return get<ITimeSheet[]>(endpoint, { tenantId });
 }
+
+
+export async function deleteTaskTimesheetLogsApi({
+	logIds,
+	organizationId,
+	tenantId
+}: {
+	organizationId: string,
+	tenantId: string,
+	logIds: string[]
+}) {
+	// Validate required parameters
+	if (!organizationId || !tenantId || !logIds?.length) {
+		throw new Error('Required parameters missing: organizationId, tenantId, and logIds are required');
+	}
+
+	// Limit bulk deletion size for safety
+	if (logIds.length > 100) {
+		throw new Error('Maximum 100 logs can be deleted at once');
+	}
+
+	const params = new URLSearchParams({
+		organizationId,
+		tenantId
+	});
+	logIds.forEach((id, index) => {
+		if (!id) {
+			throw new Error(`Invalid logId at index ${index}`);
+		}
+		params.append(`logIds[${index}]`, id);
+	});
+
+	const endPoint = `/timesheet/time-log?${params.toString()}`;
+	try {
+		return await deleteApi<{ success: boolean; message: string }>(endPoint, { tenantId });
+	} catch (error) {
+		throw new Error(`Failed to delete timesheet logs`);
+	}
+}

apps/web/app/services/server/requests/timesheet.ts

@@ -79,3 +79,19 @@ export function getTaskTimesheetRequest(params: ITimesheetProps, bearer_token: s
 		tenantId: params.tenantId
 	})
 }
+
+type IDeleteTimesheetProps = {
+	organizationId: string;
+	tenantId: string;
+	logIds?: string[]
+}
+
+export function deleteTaskTimesheetRequest(params: IDeleteTimesheetProps, bearer_token: string) {
+	const { logIds = [] } = params;
+	return serverFetch<ITimeSheet[]>({
+		path: `/timesheet/time-log/${logIds.join(',')}`,
+		method: 'DELETE',
+		bearer_token,
+		tenantId: params.tenantId
+	});
+}

apps/web/app/stores/time-logs.ts

@@ -16,3 +16,4 @@ export const timesheetFilterProjectState = atom<IProject[]>([]);
 export const timesheetFilterTaskState = atom<ITeamTask[]>([]);
 
 export const timesheetFilterStatusState = atom<IFilterOption | IFilterOption[] | null>([]);
+export const timesheetDeleteState = atom<ITimeSheet[]>([])