From f30b16e9d8e53e7407a7f982f329861a9d2fcb25 Mon Sep 17 00:00:00 2001
From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com>
Date: Tue, 7 Nov 2023 15:58:19 +0530
Subject: [PATCH] chore: user profile issue improvement (#2679)

* fix: user profile filters z-index

* chore: user profile issue state group heading fix

* fix: build error
---
 .../issues/issue-layouts/list/headers/state-group.tsx         | 4 +++-
 web/components/profile/navbar.tsx                             | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

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 9f6610e5d..c6da02543 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={{}}
         />
diff --git a/web/components/profile/navbar.tsx b/web/components/profile/navbar.tsx
index a1f57e6b5..d6d31bd19 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}`}>