diff --git a/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenu.tsx b/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenu.tsx index 8e3864ad7..8eafd9040 100644 --- a/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenu.tsx +++ b/packages/twenty-front/src/modules/action-menu/components/RecordIndexActionMenu.tsx @@ -10,6 +10,7 @@ import { ActionMenuContext } from '@/action-menu/contexts/ActionMenuContext'; import { contextStoreCurrentObjectMetadataIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdComponentState'; import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2'; import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; +import { useIsMobile } from 'twenty-ui'; export const RecordIndexActionMenu = () => { const contextStoreCurrentObjectMetadataId = useRecoilComponentValueV2( @@ -22,6 +23,8 @@ export const RecordIndexActionMenu = () => { 'IS_PAGE_HEADER_V2_ENABLED', ); + const isMobile = useIsMobile(); + return ( <> {contextStoreCurrentObjectMetadataId && ( @@ -32,7 +35,7 @@ export const RecordIndexActionMenu = () => { }} > {isPageHeaderV2Enabled ? ( - + <>{!isMobile && } ) : ( )} 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 5ae26134f..32b1427fb 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 @@ -1,4 +1,4 @@ -import { Button, IconButton, IconDotsVertical } from 'twenty-ui'; +import { Button, IconButton, IconDotsVertical, useIsMobile } from 'twenty-ui'; import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu'; import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled'; @@ -10,16 +10,18 @@ export const PageHeaderOpenCommandMenuButton = () => { 'IS_PAGE_HEADER_V2_ENABLED', ); + const isMobile = useIsMobile(); + return ( <> {isPageHeaderV2Enabled ? (