From a0e71bda2a13923fe5d760b0711b43f3136ccb22 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Mon, 25 Mar 2024 19:46:13 +0530
Subject: [PATCH] fix: workspace active cycle empty state (#144)

---
 .../workspace-active-cycles-list.tsx          | 31 ++-----------------
 web/constants/empty-state.ts                  |  9 ++++++
 2 files changed, 12 insertions(+), 28 deletions(-)

diff --git a/web/components/workspace/workspace-active-cycles-list.tsx b/web/components/workspace/workspace-active-cycles-list.tsx
index 15b1190798..1bd7067f53 100644
--- a/web/components/workspace/workspace-active-cycles-list.tsx
+++ b/web/components/workspace/workspace-active-cycles-list.tsx
@@ -1,16 +1,10 @@
 import { useState } from "react";
 import { observer } from "mobx-react-lite";
 import { useRouter } from "next/router";
-// import { useTheme } from "next-themes";
-// ui
 import { Button } from "@plane/ui";
-// components
 import { ActiveCyclesListPage } from "@/components/active-cycles";
-// import { EmptyState, getEmptyStateImagePath } from "@/components/empty-state";
-// constants
-// import { EUserWorkspaceRoles } from "@/constants/workspace";
-// hooks
-// import { useUser } from "@/hooks/store";
+import { EmptyStateType } from "@/constants/empty-state";
+import { EmptyState } from "../empty-state";
 
 const perPage = 3;
 
@@ -22,13 +16,6 @@ export const WorkspaceActiveCyclesList = observer(() => {
   // router
   const router = useRouter();
   const { workspaceSlug } = router.query;
-  // theme
-  // const { resolvedTheme } = useTheme();
-  // store
-  // const {
-  //   membership: { currentWorkspaceRole },
-  //   currentUser,
-  // } = useUser();
 
   const activeCyclesPages = [];
 
@@ -60,10 +47,6 @@ export const WorkspaceActiveCyclesList = observer(() => {
       />
     );
   }
-  // const isLightMode = resolvedTheme ? resolvedTheme === "light" : currentUser?.theme.theme === "light";
-  // const EmptyStateImagePath = getEmptyStateImagePath("onboarding", "workspace-active-cycles", isLightMode);
-
-  // const isEditingAllowed = !!currentWorkspaceRole && currentWorkspaceRole >= EUserWorkspaceRoles.MEMBER;
 
   return (
     <div className="h-full w-full overflow-y-scroll bg-custom-background-90 vertical-scrollbar scrollbar-md">
@@ -77,15 +60,7 @@ export const WorkspaceActiveCyclesList = observer(() => {
         </div>
       )}
 
-      {/* {resultsCount === 0 && (
-        <EmptyState
-          image={EmptyStateImagePath}
-          title="No active cycles"
-          description="Cycles of your projects that includes any period that encompasses today's date within its range. Find the progress and details of all your active cycle here."
-          size="lg"
-          disabled={!isEditingAllowed}
-        />
-      )} */}
+      <EmptyState type={EmptyStateType.WORKSPACE_ACTIVE_CYCLES} />
     </div>
   );
 });
diff --git a/web/constants/empty-state.ts b/web/constants/empty-state.ts
index 363147775d..2acde1bea7 100644
--- a/web/constants/empty-state.ts
+++ b/web/constants/empty-state.ts
@@ -90,6 +90,8 @@ export enum EmptyStateType {
   ACTIVE_CYCLE_PRIORITY_ISSUE_EMPTY_STATE = "active-cycle-priority-issue-empty-state",
   ACTIVE_CYCLE_ASSIGNEE_EMPTY_STATE = "active-cycle-assignee-empty-state",
   ACTIVE_CYCLE_LABEL_EMPTY_STATE = "active-cycle-label-empty-state",
+
+  WORKSPACE_ACTIVE_CYCLES = "workspace-active-cycles",
 }
 
 const emptyStateDetails = {
@@ -615,6 +617,13 @@ const emptyStateDetails = {
     title: "Add labels to issues to see the \n breakdown of work by labels.",
     path: "/empty-state/active-cycle/label",
   },
+  [EmptyStateType.WORKSPACE_ACTIVE_CYCLES]: {
+    key: EmptyStateType.WORKSPACE_ACTIVE_CYCLES,
+    title: "No active cycles",
+    description:
+      "Cycles of your projects that includes any period that encompasses today's date within its range. Find the progress and details of all your active cycle here.",
+    path: "/empty-state/onboarding/workspace-active-cycles",
+  },
 } as const;
 
 export const EMPTY_STATE_DETAILS: Record<EmptyStateType, EmptyStateDetails> = emptyStateDetails;