Lucas BordeauandGitHub
2f9c16f8a7
This PR adds the frontend logic to handle the user input of a search any field value. It also adds the associated feature flag, that can be modified from the admin panel. This PR does not add the filtering part nor the saving on view logic, which will come in their separate PRs. https://github.com/user-attachments/assets/6a52c090-b957-46aa-bff7-a90b51109789
29 lines
884 B
TypeScript
29 lines
884 B
TypeScript
import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader/DropdownMenuHeader';
|
|
import { DropdownMenuHeaderLeftComponent } from '@/ui/layout/dropdown/components/DropdownMenuHeader/internal/DropdownMenuHeaderLeftComponent';
|
|
import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown';
|
|
import { useLingui } from '@lingui/react/macro';
|
|
import { IconX } from 'twenty-ui/display';
|
|
|
|
export const AnyFieldSearchDropdownContentMenuHeader = () => {
|
|
const { t } = useLingui();
|
|
|
|
const { closeDropdown } = useCloseDropdown();
|
|
|
|
const handleBackButtonClick = () => {
|
|
closeDropdown();
|
|
};
|
|
|
|
return (
|
|
<DropdownMenuHeader
|
|
StartComponent={
|
|
<DropdownMenuHeaderLeftComponent
|
|
onClick={handleBackButtonClick}
|
|
Icon={IconX}
|
|
/>
|
|
}
|
|
>
|
|
{t`Search any field`}
|
|
</DropdownMenuHeader>
|
|
);
|
|
};
|