diff --git a/web/gds-user-ui/src/components/Section/__tests__/__snapshots__/Membership.spec.tsx.snap b/web/gds-user-ui/src/components/Section/__tests__/__snapshots__/Membership.spec.tsx.snap index 6476d65a0..e1ad46b61 100644 --- a/web/gds-user-ui/src/components/Section/__tests__/__snapshots__/Membership.spec.tsx.snap +++ b/web/gds-user-ui/src/components/Section/__tests__/__snapshots__/Membership.spec.tsx.snap @@ -1011,7 +1011,7 @@ exports[` should match snapshot 1`] = ` class="chakra-text emotion-31" data-testid="step" > - Step + Step 1

should match snapshot 1`] = ` class="chakra-text emotion-31" data-testid="step" > - Step + Step 2

should match snapshot 1`] = ` class="chakra-text emotion-31" data-testid="step" > - Step + Step 3

should match snapshot 1`] = ` class="chakra-text emotion-54" > A component of - + the TRISA architecture - + for Cryptocurrency Travel Rule compliance.

Created and maintained by - + - + Rotational Labs - + in partnership with - + - + CipherTrace - + on behalf of - + TRISA - +

diff --git a/web/gds-user-ui/src/components/TestnetProgress/TestNetCertificateProgressBar.component.tsx b/web/gds-user-ui/src/components/TestnetProgress/TestNetCertificateProgressBar.component.tsx index a04beff8c..29171ee49 100644 --- a/web/gds-user-ui/src/components/TestnetProgress/TestNetCertificateProgressBar.component.tsx +++ b/web/gds-user-ui/src/components/TestnetProgress/TestNetCertificateProgressBar.component.tsx @@ -14,6 +14,7 @@ interface ProgressBarProps { registrationState?: any; } const ProgressBar = ({ onSetRegistrationState }: ProgressBarProps) => { + console.log('[ProgressBar]'); return ( <> diff --git a/web/gds-user-ui/src/modules/dashboard/certificate/registration.tsx b/web/gds-user-ui/src/modules/dashboard/certificate/registration.tsx index b906c24f6..c07eeeb2e 100644 --- a/web/gds-user-ui/src/modules/dashboard/certificate/registration.tsx +++ b/web/gds-user-ui/src/modules/dashboard/certificate/registration.tsx @@ -31,7 +31,8 @@ import { postRegistrationValue, getRegistrationAndStepperData } from 'modules/dashboard/registration/utils'; - +// add this line to a constant file +const WAIT_DATA_LOADING_TIME = 3000; const fieldNamesPerStepsEntries = () => Object.entries(fieldNamesPerSteps); import { isProdEnv } from 'application/config'; import { Trans } from '@lingui/react'; @@ -57,7 +58,7 @@ const Certificate: React.FC = () => { const lastStep: number = useSelector(getLastStep); const [isResetModalOpen, setIsResetModalOpen] = useState(false); const [registrationData, setRegistrationData] = useState([]); - const [isLoading, setIsLoading] = useState(false); + const [isLoading, setIsLoading] = useState(true); const hasReachSubmitStep: boolean = useSelector( (state: RootStateOrAny) => state.stepper.hasReachSubmitStep @@ -217,7 +218,7 @@ const Certificate: React.FC = () => { }; setTimeout(() => { fetchData(); - }, 1000); + }, WAIT_DATA_LOADING_TIME); // eslint-disable-next-line react-hooks/exhaustive-deps }, []); diff --git a/web/gds-user-ui/src/modules/verify/__snapshots__/verify.spec.tsx.snap b/web/gds-user-ui/src/modules/verify/__snapshots__/verify.spec.tsx.snap index 5ef695a26..78b830fbc 100644 --- a/web/gds-user-ui/src/modules/verify/__snapshots__/verify.spec.tsx.snap +++ b/web/gds-user-ui/src/modules/verify/__snapshots__/verify.spec.tsx.snap @@ -813,48 +813,48 @@ exports[` should match snapshot 1`] = ` class="chakra-text emotion-30" > A component of - + the TRISA architecture - + for Cryptocurrency Travel Rule compliance.

Created and maintained by - + - + Rotational Labs - + in partnership with - + - + CipherTrace - + on behalf of - + TRISA - +