Merge pull request #4839 from Giveth/fix/success_link_loading

Fix/slug of the project on email verification page
Giveth · Oct 16, 2024 · de88812 · de88812
2 parents 66e0051 + 763480f
commit de88812
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/components/views/verification/EmailVerificationIndex.tsx b/src/components/views/verification/EmailVerificationIndex.tsx
@@ -78,10 +78,17 @@ export default function EmailVerificationIndex() {
 }
 
 function Verified() {
+	const [querySlug, setQuerySlug] = useState<string | undefined>(undefined);
 	const router = useRouter();
 	const { slug } = router.query;
 	const { formatMessage } = useIntl();
 
+	useEffect(() => {
+		if (slug) {
+			setQuerySlug(slug as string);
+		}
+	}, [slug]);
+
 	return (
 		<>
 			<Image
@@ -99,7 +106,7 @@ function Verified() {
 				})}
 			</Lead>
 			<LinkHolder>
-				<Link href={slugToVerification(slug as string)}>
+				<Link href={slugToVerification(querySlug as string)}>
 					<ButtonLink
 						size='small'
 						label={