Add search records actions to the command menu (#9892)
Closes https://github.com/twentyhq/core-team-issues/issues/253 and https://github.com/twentyhq/core-team-issues/issues/256. - Created `CommandMenuList`, a component used at the root level of the command menu and inside the search page of the command menu - Refactored record agnostic actions - Added shortcuts to the action menu entries (`/` key for the search) and updated the design of the shortcuts - Reordered actions at the root level of the command menu https://github.com/user-attachments/assets/e1339cc4-ef5d-45c5-a159-6817a54b92e9
This commit is contained in:
@ -0,0 +1,20 @@
|
||||
import { CommandMenuList } from '@/command-menu/components/CommandMenuList';
|
||||
import { useSearchRecords } from '@/command-menu/hooks/useSearchRecords';
|
||||
import { useMemo } from 'react';
|
||||
|
||||
export const CommandMenuSearchRecordsPage = () => {
|
||||
const { commandGroups, loading, noResults } = useSearchRecords();
|
||||
|
||||
const selectableItemIds = useMemo(() => {
|
||||
return commandGroups.flatMap((group) => group.items).map((item) => item.id);
|
||||
}, [commandGroups]);
|
||||
|
||||
return (
|
||||
<CommandMenuList
|
||||
commandGroups={commandGroups}
|
||||
selectableItemIds={selectableItemIds}
|
||||
loading={loading}
|
||||
noResults={noResults}
|
||||
/>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user