admin/hspguard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: redirection after verification

Browse Source
This commit is contained in:
Amir Adal
2025-06-07 02:09:44 +02:00
parent f9848d2110
commit 441ce2daca
1 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/layout/VerificationLayout.tsx
View File

@ -3,7 +3,7 @@ import { useAuth } from "@/store/auth";
import { useVerify } from "@/store/verify"; import { useVerify } from "@/store/verify";
import { Eye, MailCheck, ScanFace } from "lucide-react"; import { Eye, MailCheck, ScanFace } from "lucide-react";
import { useEffect, type FC } from "react"; import { useEffect, type FC } from "react";
import { Navigate, Outlet, useLocation } from "react-router"; import { Navigate, Outlet, useLocation, useNavigate } from "react-router";
const steps = [ const steps = [
{ {
@ -33,10 +33,27 @@ const VerificationLayout: FC = () => {
const step = useVerify((s) => s.step); const step = useVerify((s) => s.step);
const loadStep = useVerify((s) => s.loadStep); const loadStep = useVerify((s) => s.loadStep);
const redirect = useVerify((s) => s.redirect);
const setRedirect = useVerify((s) => s.setRedirect);
const navigate = useNavigate();
useEffect(() => { useEffect(() => {
if (profile) loadStep(profile); if (profile) loadStep(profile);
}, [loadStep, profile]); }, [loadStep, profile]);
useEffect(() => {
if (location.state?.from) {
setRedirect(location.state.from);
}
}, [location.state?.from, setRedirect]);
useEffect(() => {
if (step === false) {
navigate(redirect ?? "/", { state: { reset: true } });
}
}, [navigate, redirect, step]);
if (step === "email" && !location.pathname.startsWith("/verify/email")) { if (step === "email" && !location.pathname.startsWith("/verify/email")) {
return <Navigate to="/verify/email" />; return <Navigate to="/verify/email" />;
} }
@ -53,7 +70,9 @@ const VerificationLayout: FC = () => {
<div className="w-full h-screen max-h-screen overflow-y-auto flex flex-col items-center sm:justify-center bg-white/50 dark:bg-black/50"> <div className="w-full h-screen max-h-screen overflow-y-auto flex flex-col items-center sm:justify-center bg-white/50 dark:bg-black/50">
<div className="w-full h-full sm:w-auto sm:h-auto"> <div className="w-full h-full sm:w-auto sm:h-auto">
{location.pathname.replace(/\/$/i, "") !== "/verify" && {location.pathname.replace(/\/$/i, "") !== "/verify" &&
step != null && <Stepper steps={steps} currentStep={step} />} typeof step === "string" && (
<Stepper steps={steps} currentStep={step} />
)}
<Outlet /> <Outlet />
</div> </div>
</div> </div>