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

fix: link to "view more insights" from dashboard goes to status modal (#9684)

Browse Source 
Updates the link from the project dashboard page to take you to the
project status modal instead of the old insights page.

We didn't have a way to auto-open the modal before, so I added a query
param to control it.
This commit is contained in:
Thomas Heartman 2025-04-02 15:57:37 +02:00 committed by GitHub
parent 130b3869cc
commit 72e71b714d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 24 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/component/personalDashboard/ProjectSetupComplete.tsx
View File

@ -149,7 +149,7 @@ export const ProjectSetupComplete: FC<{
/>
{projectHealthTrend !== 'unknown' && (
<Link to={`/projects/${project}/insights`}>
<Link to={`/projects/${project}?project-status`}>
View more insights
</Link>
)}

27
frontend/src/component/project/Project/Project.tsx
View File

@ -32,7 +32,13 @@ import ProjectFlags from './ProjectFlags';
import ProjectHealth from './ProjectHealth/ProjectHealth';
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
import {
Navigate,
Route,
Routes,
useLocation,
useSearchParams,
} from 'react-router-dom';
import { DeleteProjectDialogue } from './DeleteProject/DeleteProjectDialogue';
import { ProjectLog } from './ProjectLog/ProjectLog';
import { ChangeRequestOverview } from 'component/changeRequest/ChangeRequestOverview/ChangeRequestOverview';
@ -116,11 +122,24 @@ const ProjectStatusSvgWithMargin = styled(ProjectStatusSvg)(({ theme }) => ({
}));
const ProjectStatus = () => {
const [projectStatusOpen, setProjectStatusOpen] = useState(false);
const [searchParams, setSearchParams] = useSearchParams();
const [projectStatusOpen, setProjectStatusOpen] = useState(
searchParams.has('project-status'),
);
const toggleStatusModal = (open: boolean) => () => {
if (open) {
searchParams.set('project-status', '');
} else {
searchParams.delete('project-status');
}
setSearchParams(searchParams);
setProjectStatusOpen(open);
};
return (
<>
<ProjectStatusButton
onClick={() => setProjectStatusOpen(true)}
onClick={toggleStatusModal(true)}
startIcon={<ProjectStatusSvgWithMargin />}
data-loading-project
>
@ -128,7 +147,7 @@ const ProjectStatus = () => {
</ProjectStatusButton>
<ProjectStatusModal
open={projectStatusOpen}
close={() => setProjectStatusOpen(false)}
close={toggleStatusModal(false)}
/>
</>
);