Fix email verification (#11660)

Email verification modal had been broken and looked bad

I also added stories to make it more evident if this happens again
This commit is contained in:
Félix Malfait
2025-04-20 14:18:43 +02:00
committed by GitHub
parent 24873d0c1d
commit aa2f3438fa
4 changed files with 134 additions and 2 deletions

View File

@ -5,6 +5,7 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
import { useVerifyLogin } from '@/auth/hooks/useVerifyLogin';
import { useRedirectToWorkspaceDomain } from '@/domain-manager/hooks/useRedirectToWorkspaceDomain';
import { Modal } from '@/ui/layout/modal/components/Modal';
import { useLingui } from '@lingui/react/macro';
import { useEffect, useState } from 'react';
import { useSearchParams } from 'react-router-dom';
@ -70,7 +71,11 @@ export const VerifyEmailEffect = () => {
}, []);
if (isError) {
return <EmailVerificationSent email={email} isError={true} />;
return (
<Modal.Content isVerticalCentered isHorizontalCentered>
<EmailVerificationSent email={email} isError={true} />
</Modal.Content>
);
}
return <></>;