From 0953400d3a547d6655a6b79a8a9d9fa5cdc78c37 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Tue, 7 Nov 2023 11:08:41 +0530
Subject: [PATCH 1/3] fix: user profile filters z-index

---
 web/components/profile/navbar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/components/profile/navbar.tsx b/web/components/profile/navbar.tsx
index a1f57e6b500..d6d31bd194b 100644
--- a/web/components/profile/navbar.tsx
+++ b/web/components/profile/navbar.tsx
@@ -46,7 +46,7 @@ export const ProfileNavbar: React.FC<Props> = (props) => {
   const tabsList = isAuthorized ? [...viewerTabs, ...adminTabs] : viewerTabs;
 
   return (
-    <div className="sticky -top-0.5 z-[1] md:static px-4 sm:px-5 flex items-center justify-between gap-4 bg-custom-background-100 border-b border-custom-border-300">
+    <div className="sticky -top-0.5 z-10 md:static px-4 sm:px-5 flex items-center justify-between gap-4 bg-custom-background-100 border-b border-custom-border-300">
       <div className="flex items-center overflow-x-scroll">
         {tabsList.map((tab) => (
           <Link key={tab.route} href={`/${workspaceSlug}/profile/${userId}/${tab.route}`}>

From d5cc428019aeff94113cb93d32c1c0001d42f251 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Tue, 7 Nov 2023 11:09:03 +0530
Subject: [PATCH 2/3] chore: user profile issue state group heading fix

---
 .../issues/issue-layouts/list/headers/state-group.tsx         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/web/components/issues/issue-layouts/list/headers/state-group.tsx b/web/components/issues/issue-layouts/list/headers/state-group.tsx
index 9f6610e5dc8..c6da0254396 100644
--- a/web/components/issues/issue-layouts/list/headers/state-group.tsx
+++ b/web/components/issues/issue-layouts/list/headers/state-group.tsx
@@ -4,6 +4,8 @@ import { observer } from "mobx-react-lite";
 import { HeaderGroupByCard } from "./group-by-card";
 // ui
 import { StateGroupIcon } from "@plane/ui";
+// helpers
+import { capitalizeFirstLetter } from "helpers/string.helper";
 
 export interface IStateGroupHeader {
   column_id: string;
@@ -27,7 +29,7 @@ export const StateGroupHeader: FC<IStateGroupHeader> = observer((props) => {
       {stateGroup && (
         <HeaderGroupByCard
           icon={<Icon stateGroup={stateGroup?.key} />}
-          title={stateGroup?.key || ""}
+          title={capitalizeFirstLetter(stateGroup?.key) || ""}
           count={issues_count}
           issuePayload={{}}
         />

From 65053385fc6df2be4716ef91dab40db280e3b52d Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <anmolsinghbhatia@plane.so>
Date: Tue, 7 Nov 2023 11:28:11 +0530
Subject: [PATCH 3/3] fix: build error

---
 space/constants/data.ts | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/space/constants/data.ts b/space/constants/data.ts
index 29d411342fb..909b74c120f 100644
--- a/space/constants/data.ts
+++ b/space/constants/data.ts
@@ -10,12 +10,12 @@ import {
 } from "types/issue";
 // icons
 import {
-  BacklogStateIcon,
-  UnstartedStateIcon,
-  StartedStateIcon,
-  CompletedStateIcon,
-  CancelledStateIcon,
-} from "components/icons";
+  BacklogGroupIcon,
+  CancelledGroupIcon,
+  CompletedGroupIcon,
+  StartedGroupIcon,
+  UnstartedGroupIcon,
+} from "@plane/ui";
 
 // all issue views
 export const issueViews: any = {
@@ -92,35 +92,35 @@ export const issueGroups: IIssueGroup[] = [
     title: "Backlog",
     color: "#d9d9d9",
     className: `text-[#d9d9d9] bg-[#d9d9d9]/10`,
-    icon: BacklogStateIcon,
+    icon: BacklogGroupIcon,
   },
   {
     key: "unstarted",
     title: "Unstarted",
     color: "#3f76ff",
     className: `text-[#3f76ff] bg-[#3f76ff]/10`,
-    icon: UnstartedStateIcon,
+    icon: UnstartedGroupIcon,
   },
   {
     key: "started",
     title: "Started",
     color: "#f59e0b",
     className: `text-[#f59e0b] bg-[#f59e0b]/10`,
-    icon: StartedStateIcon,
+    icon: StartedGroupIcon,
   },
   {
     key: "completed",
     title: "Completed",
     color: "#16a34a",
     className: `text-[#16a34a] bg-[#16a34a]/10`,
-    icon: CompletedStateIcon,
+    icon: CompletedGroupIcon,
   },
   {
     key: "cancelled",
     title: "Cancelled",
     color: "#dc2626",
     className: `text-[#dc2626] bg-[#dc2626]/10`,
-    icon: CancelledStateIcon,
+    icon: CancelledGroupIcon,
   },
 ];