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

refactor: use splash api to store splash state (#8422)

Browse Source 
To avoid showing the key concepts screen to users every time they log
back in to Unleash (after logging out), store the state in the DB splash
table.

The reason we need to do this is that we clear localstorage on logging
out, so things like splash screens and certain other settings don't get
stored.
This commit is contained in:
Thomas Heartman 2024-10-11 09:19:29 +02:00 committed by GitHub
parent 74370468d1
commit d944eff34c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/component/personalDashboard/PersonalDashboard.tsx
View File

@ -36,6 +36,8 @@ import {
import { ContentGridNoProjects } from './ContentGridNoProjects';
import ExpandMore from '@mui/icons-material/ExpandMore';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import useSplashApi from 'hooks/api/actions/useSplashApi/useSplashApi';
import { useAuthSplash } from 'hooks/api/getters/useAuth/useAuthSplash';
export const StyledCardTitle = styled('div')<{ lines?: number }>(
({ theme, lines = 2 }) => ({
@ -265,6 +267,8 @@ const NoActiveFlagsInfo = styled('div')(({ theme }) => ({
export const PersonalDashboard = () => {
const { user } = useAuthUser();
const { trackEvent } = usePlausibleTracker();
const { setSplashSeen } = useSplashApi();
const { splash } = useAuthSplash();
const name = user?.name;
@ -285,7 +289,10 @@ export const PersonalDashboard = () => {
const [welcomeDialog, setWelcomeDialog] = useLocalStorageState<
'open' | 'closed'
>('welcome-dialog:v1', 'open');
>(
'welcome-dialog:v1',
splash?.personalDashboardKeyConcepts ? 'closed' : 'open',
);
const { personalDashboardProjectDetails, error: detailsError } =
usePersonalDashboardProjectDetails(activeProject);
@ -299,9 +306,6 @@ export const PersonalDashboard = () => {
!detailsError && activeProjectStage === 'loading',
);
const [createFlagDialogOpen, setCreateFlagDialogOpen] =
React.useState(false);
return (
<MainContent>
<WelcomeSection>
@ -449,7 +453,10 @@ export const PersonalDashboard = () => {
</SectionAccordion>
<WelcomeDialog
open={welcomeDialog === 'open'}
onClose={() => setWelcomeDialog('closed')}
onClose={() => {
setSplashSeen('personalDashboardKeyConcepts');
setWelcomeDialog('closed');
}}
/>
</MainContent>
);