select the login user in timesheet admendment

src/components/TimesheetAmendment/TimesheetAmendment.tsx

@@ -51,6 +51,8 @@ export interface Props {
   companyHolidays: HolidaysResult[];
   allProjects: ProjectWithTasks[];
   miscTasks: Task[];
+  isSaturdayWorker: boolean;
+  userId: number;
 }
 
 type MemberOption = TeamTimeSheets[0] & TeamLeaves[0] & { id: string };
@@ -79,6 +81,8 @@ const TimesheetAmendment: React.FC<Props> = ({
   allProjects,
   leaveTypes,
   miscTasks,
+  isSaturdayWorker,
+  userId
 }) => {
   const { t, i18n:{language}} = useTranslation(["home", "common"]);
   const locale = language === "zh" ? "zh-tw" : "en";
@@ -121,12 +125,15 @@ const TimesheetAmendment: React.FC<Props> = ({
   }, [localTeamLeaves, localTeamTimesheets]);
 
   const [selectedStaff, setSelectedStaff] = useState<MemberOption>(
-    allMembers[0],
+    allMembers.find((member) => parseInt(member.id) === userId) ?? allMembers[0]
   );
   useEffect(() => {
+    console.log(allMembers)
+    console.log(userId)
     setSelectedStaff(
       (currentStaff) =>
         allMembers.find((member) => member.id === currentStaff.id) ||
+        allMembers.find((member) => parseInt(member.id) === userId) ||
         allMembers[0],
     );
   }, [allMembers]);

src/components/TimesheetAmendment/TimesheetAmendmentModal.tsx

@@ -38,6 +38,8 @@ export const TimesheetAmendmentModal: React.FC<Props> = ({
   companyHolidays,
   allProjects,
   miscTasks,
+  isSaturdayWorker,
+  userId
 }) => {
   const { t } = useTranslation("home");
   const isMobile = useIsMobile();
@@ -51,6 +53,8 @@ export const TimesheetAmendmentModal: React.FC<Props> = ({
       teamTimesheets={teamTimesheets}
       allProjects={allProjects}
       miscTasks={miscTasks}
+      isSaturdayWorker={isSaturdayWorker}
+      userId={userId}
     />
   );
 

src/components/UserWorkspacePage/UserWorkspacePage.tsx

@@ -43,6 +43,8 @@ export interface Props {
   isFullTime: boolean;
   joinDate?: number | null;
   miscTasks: Task[];
+  isSaturdayWorker: boolean;
+  userId: number;
 }
 
 const menuItemSx: SxProps = {
@@ -65,6 +67,8 @@ const UserWorkspacePage: React.FC<Props> = ({
   isFullTime,
   joinDate,
   miscTasks,
+  isSaturdayWorker,
+  userId
 }) => {
   const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
 
@@ -234,6 +238,8 @@ const UserWorkspacePage: React.FC<Props> = ({
           open={isTimesheetAmendmentVisible}
           onClose={handleAmendmentClose}
           miscTasks={miscTasks}
+          isSaturdayWorker={isSaturdayWorker}
+          userId={userId}
         />
       )}
     </>

src/components/UserWorkspacePage/UserWorkspaceWrapper.tsx

@@ -59,6 +59,10 @@ const UserWorkspaceWrapper: React.FC = async () => {
 
   const miscTasks = allTasks.filter((t) => t.taskGroup.id === 5);
 
+  const isSaturdayWorker = abilities.includes(SATURDAY_WORKERS)
+
+  console.log(userStaff)
+
   return (
     <UserWorkspacePage
       joinDate={userStaff?.joinDate}
@@ -78,6 +82,8 @@ const UserWorkspaceWrapper: React.FC = async () => {
       maintainManagementStaffWorkspaceAbility={
         maintainManagementStaffWorkspaceAbility
       }
+      isSaturdayWorker={isSaturdayWorker}
+      userId={userStaff?.id}
     />
   );
 };