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

feat: recent project by name (#7375)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2024-06-12 13:40:05 +02:00 committed by GitHub
parent a0fce0ec12
commit 77a5b85d6b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationList.tsx
View File

@ -22,6 +22,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import FlagIcon from '@mui/icons-material/OutlinedFlag';
import { useUiFlag } from 'hooks/useUiFlag';
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
import useProjectOverview from 'hooks/api/getters/useProjectOverview/useProjectOverview';
const StyledBadgeContainer = styled('div')(({ theme }) => ({
paddingLeft: theme.spacing(2),
@ -104,16 +105,17 @@ export const OtherLinksList = () => {
export const RecentProjectsList: FC<{
projectId: string;
projectName: string;
mode: NavigationMode;
onClick: () => void;
}> = ({ projectId, mode, onClick }) => {
}> = ({ projectId, projectName, mode, onClick }) => {
const DynamicListItem = mode === 'mini' ? MiniListItem : FullListItem;
return (
<List>
<DynamicListItem
href={`/projects/${projectId}`}
text={projectId}
text={projectName}
onClick={onClick}
selected={false}
>
@ -245,6 +247,10 @@ export const RecentProjectsNavigation: FC<{
projectId: string;
onClick: () => void;
}> = ({ mode, onClick, projectId }) => {
const { project, loading } = useProjectOverview(projectId);
const projectDeleted = !project.name && !loading;
if (projectDeleted) return null;
return (
<Box>
{mode === 'full' && (
@ -261,6 +267,7 @@ export const RecentProjectsNavigation: FC<{
)}
<RecentProjectsList
projectId={projectId}
projectName={project.name}
mode={mode}
onClick={onClick}
/>

9
frontend/src/component/layout/MainLayout/NavigationSidebar/NavigationSidebar.test.tsx
View File

@ -10,6 +10,9 @@ import {
} from 'hooks/useLastViewedFlags';
import { type FC, useEffect } from 'react';
import { useLastViewedProject } from 'hooks/useLastViewedProject';
import { testServerRoute, testServerSetup } from 'utils/testServer';
const server = testServerSetup();
beforeEach(() => {
window.localStorage.clear();
@ -95,6 +98,10 @@ const SetupComponent: FC<{ project: string; flags: LastViewedFlag[] }> = ({
};
test('print recent projects and flags', async () => {
testServerRoute(server, `/api/admin/projects/projectA/overview`, {
name: 'projectNameA',
});
render(
<SetupComponent
project={'projectA'}
@ -102,6 +109,6 @@ test('print recent projects and flags', async () => {
/>,
);
await screen.findByText('projectA');
await screen.findByText('projectNameA');
await screen.findByText('featureA');
});