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 614b6e577df..7cd7e4be9b2 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 8d2a51bd355..65e5f37d360 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"