From acae5f910dfc051af3407a7e1df7e0c42be35f8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Bosi?=
 <71827178+bosiraphael@users.noreply.github.com>
Date: Fri, 7 Feb 2025 18:27:54 +0100
Subject: [PATCH] Reset search bar when clicking on search action (#10076)

Before:


https://github.com/user-attachments/assets/c10f990a-6446-4436-b687-5a0384a461bf


After:


https://github.com/user-attachments/assets/1a6bcb26-9079-4f39-b16a-01cad1ece435
---
 .../hooks/useSearchRecordsRecordAgnosticAction.ts           | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/packages/twenty-front/src/modules/action-menu/actions/record-agnostic-actions/hooks/useSearchRecordsRecordAgnosticAction.ts b/packages/twenty-front/src/modules/action-menu/actions/record-agnostic-actions/hooks/useSearchRecordsRecordAgnosticAction.ts
index 51a3bdf5c..bd4c497c7 100644
--- a/packages/twenty-front/src/modules/action-menu/actions/record-agnostic-actions/hooks/useSearchRecordsRecordAgnosticAction.ts
+++ b/packages/twenty-front/src/modules/action-menu/actions/record-agnostic-actions/hooks/useSearchRecordsRecordAgnosticAction.ts
@@ -1,11 +1,17 @@
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
+import { commandMenuSearchState } from '@/command-menu/states/commandMenuSearchState';
 import { CommandMenuPages } from '@/command-menu/types/CommandMenuPages';
+import { useSetRecoilState } from 'recoil';
 import { IconSearch } from 'twenty-ui';
 
 export const useSearchRecordsRecordAgnosticAction = () => {
   const { navigateCommandMenu } = useCommandMenu();
 
+  const setCommandMenuSearch = useSetRecoilState(commandMenuSearchState);
+
   const onClick = () => {
+    setCommandMenuSearch('');
+
     navigateCommandMenu({
       page: CommandMenuPages.SearchRecords,
       pageTitle: 'Search',