From 4d7ba29d9fdab2ca2d5a8aa418f2763fd51f7055 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?=
 <71827178+bosiraphael@users.noreply.github.com>
Date: Fri, 28 Feb 2025 11:42:02 +0100
Subject: [PATCH] Add PageHeaderOpenCommandMenuButton on Record index page
 header for command menu v1 (#10576)

The only way to open the command menu in v1 on the index page was
through the shortcut, but since important actions (export and see
deleted records) have been moved to the command menu, we want an easy
way to open it on v1.


https://github.com/user-attachments/assets/b446f385-da69-4dcc-af9d-74d36b52e94f
---
 .../record-index/components/RecordIndexPageHeader.tsx      | 7 +++----
 .../components/PageHeaderOpenCommandMenuButton.tsx         | 3 ++-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx
index 614b6e577..7cd7e4be9 100644
--- a/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx
@@ -67,11 +67,10 @@ export const RecordIndexPageHeader = () => {
         ))}
 
       {isCommandMenuV2Enabled && (
-        <>
-          <RecordIndexActionMenu indexId={recordIndexId} />
-          <PageHeaderOpenCommandMenuButton />
-        </>
+        <RecordIndexActionMenu indexId={recordIndexId} />
       )}
+
+      <PageHeaderOpenCommandMenuButton />
     </PageHeader>
   );
 };
diff --git a/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx b/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
index 8d2a51bd3..65e5f37d3 100644
--- a/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton.tsx
@@ -2,6 +2,7 @@ import {
   AnimatedButton,
   IconButton,
   IconDotsVertical,
+  IconX,
   getOsControlSymbol,
   useIsMobile,
 } from 'twenty-ui';
@@ -144,7 +145,7 @@ export const PageHeaderOpenCommandMenuButton = () => {
         />
       ) : (
         <IconButton
-          Icon={IconDotsVertical}
+          Icon={isCommandMenuOpened ? IconX : IconDotsVertical}
           size="medium"
           dataTestId="more-showpage-button"
           accent="default"