From 346c6f5414b250e2498d393fe60fa8cc9bdd56db Mon Sep 17 00:00:00 2001
From: Ramesh Kumar Chandra
 <31303617+rameshkumarchandra@users.noreply.github.com>
Date: Thu, 8 Feb 2024 00:16:00 +0530
Subject: [PATCH] fix: module header hide on bigger screens (#3590)

* fix: module header hide on bigger screens

* fix: Add Inbox back on mobile

---------

Co-authored-by: Maximilian Engel <maximilian.engel@swg.de>
Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
---
 web/components/headers/project-issues.tsx       | 8 +++-----
 web/components/modules/module-mobile-header.tsx | 4 ++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/web/components/headers/project-issues.tsx b/web/components/headers/project-issues.tsx
index c819b25c3..81e2d2d76 100644
--- a/web/components/headers/project-issues.tsx
+++ b/web/components/headers/project-issues.tsx
@@ -200,8 +200,8 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
                 handleDisplayPropertiesUpdate={handleDisplayProperties}
               />
             </FiltersDropdown>
-
-            {currentProjectDetails?.inbox_view && inboxDetails && (
+          </div>
+          {currentProjectDetails?.inbox_view && inboxDetails && (
               <Link href={`/${workspaceSlug}/projects/${projectId}/inbox/${inboxDetails?.id}`}>
                 <span>
                   <Button variant="neutral-primary" size="sm" className="relative">
@@ -214,9 +214,7 @@ export const ProjectIssuesHeader: React.FC = observer(() => {
                   </Button>
                 </span>
               </Link>
-            )}
-
-          </div>
+          )}
           {canUserCreateIssue && (
             <>
               <Button className="hidden md:block" onClick={() => setAnalyticsModal(true)} variant="neutral-primary" size="sm">
diff --git a/web/components/modules/module-mobile-header.tsx b/web/components/modules/module-mobile-header.tsx
index b08c443d2..e9ed56a8d 100644
--- a/web/components/modules/module-mobile-header.tsx
+++ b/web/components/modules/module-mobile-header.tsx
@@ -77,7 +77,7 @@ export const ModuleMobileHeader = () => {
     );
 
     return (
-        <>
+        <div className="block md:hidden">
             <ProjectAnalyticsModal
                 isOpen={analyticsModal}
                 onClose={() => setAnalyticsModal(false)}
@@ -157,6 +157,6 @@ export const ModuleMobileHeader = () => {
                     Analytics
                 </button>
             </div>
-        </>
+        </div>
     );
 };