From a3443b637de4131c977204d82be78a3d73c96e67 Mon Sep 17 00:00:00 2001
From: Wayne <wayne.lee@2fi-solutions.com.hk>
Date: Tue, 30 Apr 2024 18:48:12 +0900
Subject: [PATCH] Add no assigned projects view

---
 .../UserWorkspacePage/UserWorkspacePage.tsx   | 57 ++++++++++++-------
 1 file changed, 36 insertions(+), 21 deletions(-)

diff --git a/src/components/UserWorkspacePage/UserWorkspacePage.tsx b/src/components/UserWorkspacePage/UserWorkspacePage.tsx
index 8e76cc4..fc0b233 100644
--- a/src/components/UserWorkspacePage/UserWorkspacePage.tsx
+++ b/src/components/UserWorkspacePage/UserWorkspacePage.tsx
@@ -53,29 +53,44 @@ const UserWorkspacePage: React.FC<Props> = ({ assignedProjects }) => {
           flexWrap="wrap"
           spacing={2}
         >
-          <ButtonGroup variant="contained">
-            <Button startIcon={<Add />} onClick={handleAddTimesheetButtonClick}>
-              {t("Enter Time")}
-            </Button>
-            <Button startIcon={<Add />} onClick={handleAddLeaveButtonClick}>
-              {t("Record Leave")}
-            </Button>
-          </ButtonGroup>
+          {Boolean(assignedProjects.length) && (
+            <ButtonGroup variant="contained">
+              <Button
+                startIcon={<Add />}
+                onClick={handleAddTimesheetButtonClick}
+              >
+                {t("Enter Time")}
+              </Button>
+              <Button startIcon={<Add />} onClick={handleAddLeaveButtonClick}>
+                {t("Record Leave")}
+              </Button>
+            </ButtonGroup>
+          )}
         </Stack>
       </Stack>
-      <TimesheetModal
-        timesheetType="time"
-        isOpen={isTimeheetModalVisible}
-        onClose={handleCloseTimesheetModal}
-        assignedProjects={assignedProjects}
-      />
-      <TimesheetModal
-        timesheetType="leave"
-        isOpen={isLeaveModalVisible}
-        onClose={handleCloseLeaveModal}
-        assignedProjects={assignedProjects}
-      />
-      <AssignedProjects assignedProjects={assignedProjects} />
+      {assignedProjects.length > 0 ? (
+        <>
+          <TimesheetModal
+            timesheetType="time"
+            isOpen={isTimeheetModalVisible}
+            onClose={handleCloseTimesheetModal}
+            assignedProjects={assignedProjects}
+          />
+          <TimesheetModal
+            timesheetType="leave"
+            isOpen={isLeaveModalVisible}
+            onClose={handleCloseLeaveModal}
+            assignedProjects={assignedProjects}
+          />
+          <AssignedProjects assignedProjects={assignedProjects} />
+        </>
+      ) : (
+        <>
+          <Typography variant="subtitle1">
+            {t("You have no assigned projects!")}
+          </Typography>
+        </>
+      )}
     </>
   );
 };