diff --git a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx index a5f3d0c887..7ccb82aefe 100644 --- a/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx +++ b/packages/twenty-front/src/modules/navigation/components/MainNavigationDrawerTabsRow.tsx @@ -1,6 +1,11 @@ import { styled } from '@linaria/react'; import { t } from '@lingui/core/macro'; -import { IconComment, IconHome, IconMessageCirclePlus } from 'twenty-ui/icon'; +import { + type IconComponent, + IconComment, + IconHome, + IconMessageCirclePlus, +} from 'twenty-ui/icon'; import { OverflowingTextWithTooltip } from 'twenty-ui/surfaces'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; import { useIsMobile } from 'twenty-ui/utilities'; @@ -128,7 +133,15 @@ const StyledNewChatButton = styled.div` } `; -export const MainNavigationDrawerTabsRow = () => { +type MainNavigationDrawerTabsRowProps = { + NavigationMenuTabIcon?: IconComponent; + navigationMenuTabLabel?: string; +}; + +export const MainNavigationDrawerTabsRow = ({ + NavigationMenuTabIcon = IconHome, + navigationMenuTabLabel = t`Home`, +}: MainNavigationDrawerTabsRowProps) => { const { theme } = useContext(ThemeContext); const isMobile = useIsMobile(); const isNavigationDrawerExpanded = useAtomStateValue( @@ -191,7 +204,7 @@ export const MainNavigationDrawerTabsRow = () => { navigationDrawerActiveTab === NAVIGATION_DRAWER_TABS.NAVIGATION_MENU } - aria-label={t`Home`} + aria-label={navigationMenuTabLabel} tabIndex={ navigationDrawerActiveTab === NAVIGATION_DRAWER_TABS.NAVIGATION_MENU @@ -202,7 +215,7 @@ export const MainNavigationDrawerTabsRow = () => { onKeyDown={handleTabKeyDown(NAVIGATION_DRAWER_TABS.NAVIGATION_MENU)} > - {hasAiPermission && ( - + )}