refactor: restore possibility to delete timesheet when there is no line

packages/apps/hr/src/api/index.ts

@@ -59,6 +59,7 @@ export {
 export {
   addTimerTimesheet as addTimerTimesheetApi,
   createTimesheet as createTimesheetApi,
+  deleteTimesheet as deleteTimesheetApi,
   fetchDraftTimesheet as fetchDraftTimesheetApi,
   fetchTimesheet as fetchTimesheetApi,
   fetchTimesheetById as fetchTimesheetByIdApi,

packages/apps/hr/src/api/timesheet-api.js

@@ -225,3 +225,9 @@ export async function updateTimesheetStatus({
     },
   });
 }
+
+export async function deleteTimesheet({timesheetId}) {
+  return axiosApiProvider.delete({
+    url: `ws/rest/com.axelor.apps.hr.db.Timesheet/${timesheetId}`,
+  });
+}

packages/apps/hr/src/components/molecules/TimesheetDetailsButtons/TimesheetDetailsButtons.tsx

@@ -26,7 +26,10 @@ import {
 } from '@axelor/aos-mobile-core';
 import {Button, useThemeColor} from '@axelor/aos-mobile-ui';
 import {TimesheetRefusalPopup} from '../../templates';
-import {updateTimesheetStatus} from '../../../features/timesheetSlice';
+import {
+  deleteTimesheet,
+  updateTimesheetStatus,
+} from '../../../features/timesheetSlice';
 import {Timesheet} from '../../../types';
 
 interface TimesheetDetailsButtonsProps {
@@ -49,13 +52,20 @@ const TimesheetDetailsButtons = ({
 
   const {user} = useSelector((state: any) => state.user);
 
+  const deleteAPI = useCallback(() => {
+    dispatch(
+      (deleteTimesheet as any)({timesheetId: timesheet.id, userId: user.id}),
+    );
+    navigation.pop();
+  }, [dispatch, navigation, timesheet.id, user.id]);
+
   const updateStatusAPI = useCallback(
-    (status: string) => {
+    (toStatus: string) => {
       dispatch(
         (updateTimesheetStatus as any)({
           timesheetId: timesheet.id,
           version: timesheet.version,
-          toStatus: status,
+          toStatus: toStatus,
           user: user,
         }),
       );
@@ -67,14 +77,13 @@ const TimesheetDetailsButtons = ({
     return (
       <View style={styles.container}>
         <Button
-          title={I18n.t('Base_Cancel')}
+          title={I18n.t(isEmpty ? 'Hr_Delete' : 'Base_Cancel')}
           onPress={() => {
-            updateStatusAPI('cancel');
-            navigation.pop();
+            isEmpty ? deleteAPI() : updateStatusAPI('cancel');
           }}
           width="45%"
           color={Colors.errorColor}
-          iconName="x-lg"
+          iconName={isEmpty ? 'trash3-fill' : 'x-lg'}
         />
         <Button
           title={I18n.t('Hr_Send')}

packages/apps/hr/src/features/asyncFunctions-index.ts

@@ -68,6 +68,7 @@ export {
 export {
   addTimerTimesheet,
   createTimesheet,
+  deleteTimesheet,
   fetchDraftTimesheet,
   fetchTimesheet,
   fetchTimesheetById,

packages/apps/hr/src/features/timesheetSlice.js

@@ -24,6 +24,7 @@ import {
 import {
   addTimerTimesheet as _addTimerTimesheet,
   createTimesheet as _createTimesheet,
+  deleteTimesheet as _deleteTimesheet,
   fetchDraftTimesheet as _fetchDraftTimesheet,
   fetchTimesheet as _fetchTimesheet,
   fetchTimesheetById as _fetchTimesheetById,
@@ -133,6 +134,21 @@ export const updateTimesheetStatus = createAsyncThunk(
   },
 );
 
+export const deleteTimesheet = createAsyncThunk(
+  'timesheet/deleteTimesheet',
+  async function (data = {}, {getState, dispatch}) {
+    return handlerApiCall({
+      fetchFunction: _deleteTimesheet,
+      data,
+      action: 'Hr_SliceAction_DeleteTimesheet',
+      getState,
+      responseOptions: {isArrayResponse: false, showToast: true},
+    }).then(() => {
+      dispatch(fetchTimesheet({userId: data.userId}));
+    });
+  },
+);
+
 const initialState = {
   loadingMyTimesheet: true,
   moreLoadingMyTimesheet: false,