diff --git a/frontend/src/component/insights/components/InsightsHeader/InsightsHeader.tsx b/frontend/src/component/insights/components/InsightsHeader/InsightsHeader.tsx index cc91c4b1a4..5ea399549c 100644 --- a/frontend/src/component/insights/components/InsightsHeader/InsightsHeader.tsx +++ b/frontend/src/component/insights/components/InsightsHeader/InsightsHeader.tsx @@ -49,6 +49,7 @@ const StyledActionsSmallScreen = styled('div')(({ theme }) => ({ export const InsightsHeader: VFC = ({ actions }) => { const showInactiveUsers = useUiFlag('showInactiveUsers'); + const pageName = useUiFlag('sideMenuCleanup') ? 'Analytics' : 'Insights'; const theme = useTheme(); const isSmallScreen = useMediaQuery(theme.breakpoints.down('md')); @@ -69,7 +70,7 @@ export const InsightsHeader: VFC = ({ actions }) => { return ( <> = ({ actions }) => { gap: theme.spacing(1), })} > - Insights + {pageName} } actions={ diff --git a/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx b/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx index d7969c111f..5cde0abd2d 100644 --- a/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx +++ b/frontend/src/component/layout/MainLayout/NavigationSidebar/ListItems.tsx @@ -26,7 +26,9 @@ const listItemButtonStyle = (theme: Theme) => ({ }, }); -const CappedText = styled(Typography)<{ +const CappedText = styled(Typography, { + shouldForwardProp: (prop) => prop !== 'bold', +})<{ bold?: boolean; }>(({ theme, bold }) => ({ whiteSpace: 'nowrap',