Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-09-01 13:47:27 +02:00
Code Issues Projects Releases Wiki Activity

chore: adds icons for insights and playground paths to recently visited

Browse Source
This commit is contained in:
David Leek 2024-06-17 13:45:36 +02:00
parent c4e2159401
commit 3ac6fc5427
No known key found for this signature in database
GPG Key ID: 515EE0F1BB6D0BE1
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/component/commandBar/RecentlyVisited/RecentlyVisited.tsx
View File

@ -12,10 +12,13 @@ import {
IconRenderer,
StyledProjectIcon,
} from 'component/layout/MainLayout/NavigationSidebar/IconRenderer';
import PlaygroundIcon from '@mui/icons-material/AutoFixNormal';
import InsightsIcon from '@mui/icons-material/Insights';
import type { LastViewedPage } from 'hooks/useRecentlyVisited';
import type { Theme } from '@mui/material/styles/createTheme';
import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import type { ReactElement } from 'react-markdown/lib/react-markdown';
const listItemButtonStyle = (theme: Theme) => ({
borderRadius: theme.spacing(0.5),
@ -39,6 +42,12 @@ const StyledListItemText = styled(ListItemText)(({ theme }) => ({
margin: 0,
}));
const overridePathIcons: Record<string, () => ReactElement> = {
'/insights': () => <InsightsIcon />,
'/playground': () => <PlaygroundIcon />,
'/projects': () => <StyledProjectIcon />,
};
const toListItemButton = (
item: LastViewedPage,
routes: Record<string, { path: string; route: string; title: string }>,
@ -107,8 +116,8 @@ const RecentlyVisitedPathButton = ({
>
<StyledListItemIcon>
<ConditionallyRender
condition={path === '/projects'}
show={<StyledProjectIcon />}
condition={overridePathIcons[path] !== undefined}
show={overridePathIcons[path]}
elseShow={<IconRenderer path={path} />}
/>
</StyledListItemIcon>