diff --git a/frontend/src/contexts/userContext.ts b/frontend/src/contexts/userContext.ts index d5f18fc3de166d610def56c7cf169719830eb3c4..09486ee0267fb37acd8be9521d9773f1e2fd283b 100644 --- a/frontend/src/contexts/userContext.ts +++ b/frontend/src/contexts/userContext.ts @@ -5,6 +5,7 @@ interface IUserContext { user: User fetchUserInfo: () => void clearUserInfo: () => void + getUserInfo: () => void } function noop() {} @@ -29,5 +30,6 @@ export const UserContext = createContext<IUserContext>({ }, fetchUserInfo: noop, clearUserInfo: noop, + getUserInfo: noop, }) export const useUserContext = () => useContext(UserContext) diff --git a/frontend/src/providers/userProvider.tsx b/frontend/src/providers/userProvider.tsx index 041b17f78d7f0f618d14f1ca2df2bf3aa43c9c04..453bdc0b4d108a8608d32638bce9d25de5103825 100644 --- a/frontend/src/providers/userProvider.tsx +++ b/frontend/src/providers/userProvider.tsx @@ -126,7 +126,9 @@ function UserProvider(props: UserProviderProps) { } return ( - <UserContext.Provider value={{ user, fetchUserInfo, clearUserInfo }}> + <UserContext.Provider + value={{ user, fetchUserInfo, clearUserInfo, getUserInfo }} + > {children} </UserContext.Provider> ) diff --git a/frontend/src/routes/guest/register/steps/success.tsx b/frontend/src/routes/guest/register/steps/success.tsx index 7ac97a900dfc7d178ecfd6db499e9b7b92da7161..95e5a49d8ffbf9551d8d13573091d15aa8b3c7a2 100644 --- a/frontend/src/routes/guest/register/steps/success.tsx +++ b/frontend/src/routes/guest/register/steps/success.tsx @@ -1,26 +1,34 @@ -import React from 'react' +import React, { useEffect } from 'react' import { useTranslation } from 'react-i18next' import { useHistory } from 'react-router-dom' -import { Box, Button } from '@mui/material' +import { Button, Typography } from '@mui/material' +import { useUserContext } from 'contexts' const GuestSuccessStep = () => { const { t } = useTranslation(['common']) const history = useHistory() + const { getUserInfo } = useUserContext() + // Refetch user info after submission, so that the front page doesn't redirect us + // back because of outdated info + useEffect(() => { + getUserInfo() + }, []) return ( <> - <Box + <Typography sx={{ paddingTop: '1rem', paddingBottom: '1rem', - typography: 'h3', }} + variant="h2" > {t('thankYou')} - </Box> - - <Box sx={{ marginTop: '2rem' }}>{t('guestSubmitSuccessDescription')}</Box> + </Typography> + <Typography sx={{ marginTop: '2rem' }} paragraph> + {t('guestSubmitSuccessDescription')} + </Typography> <Button color="secondary"