diff --git a/packages/twenty-front/src/modules/action-menu/components/PageHeaderActionMenuButtons.tsx b/packages/twenty-front/src/modules/action-menu/components/PageHeaderActionMenuButtons.tsx new file mode 100644 index 000000000..63bc9cb3c --- /dev/null +++ b/packages/twenty-front/src/modules/action-menu/components/PageHeaderActionMenuButtons.tsx @@ -0,0 +1,64 @@ +import { actionMenuEntriesComponentSelector } from '@/action-menu/states/actionMenuEntriesComponentSelector'; +import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2'; +import styled from '@emotion/styled'; +import { i18n } from '@lingui/core'; +import { + AppTooltip, + Button, + IconButton, + TooltipDelay, + TooltipPosition, +} from 'twenty-ui'; + +const StyledWrapper = styled.div` + font-size: ${({ theme }) => theme.font.size.md}; +`; + +export const PageHeaderActionMenuButtons = () => { + const actionMenuEntries = useRecoilComponentValueV2( + actionMenuEntriesComponentSelector, + ); + + const pinnedEntries = actionMenuEntries.filter((entry) => entry.isPinned); + + return ( + <> + {pinnedEntries.map((entry) => + entry.shortLabel ? ( +