+ 404 -Not found
-The page you are looking for does not exist.
+
+
+
+
+ 
+
+
+
+ Not found
+Please make sure you've entered the correct URL.
+If you think this is a mistake, please contact support.
+
+ Back to Home
+
+
+
+
+ )
+}
+
diff --git a/src/pages/VerifyEmail.tsx b/src/pages/VerifyEmail.tsx
new file mode 100644
index 00000000..dd850276
--- /dev/null
+++ b/src/pages/VerifyEmail.tsx
@@ -0,0 +1,55 @@
+/* eslint-disable */
+import React, { useEffect, useState } from "react";
+import { useNavigate, useParams } from "react-router-dom";
+import { Meta } from "../components/Meta";
+import { useAppDispatch, useAppSelector } from "../store/store";
+import { verifyEmail } from "../store/features/auth/authSlice";
+import { DotLoader } from "react-spinners";
+
+const VerifyEmail: React.FC = () => {
+ const { token } = useParams<{ token: string }>() as any;
+ const navigate = useNavigate();
+ const dispatch = useAppDispatch();
+ const { isVerified, isError, message, isLoading } = useAppSelector((state) => state.auth)
+ useEffect(() => {
+ console.log("token", token);
+ dispatch(verifyEmail(token));
+ }, [token, navigate]);
+
+ useEffect(() => {
+ if (isVerified) {
+ navigate('/login')
+ alert(message); // TODO: Toast to show message when user is verified
+ }
+ else if (isError) {
+ if (message === "Account already verified.") {
+ navigate('/login')
+ alert(message); // TODO: Toast to show message when user is already verified
+ }
+ if (message === "Account not found.") {
+ navigate('/signup')
+ }
+ navigate('/*')
+ }
+ }, [isVerified, isError, navigate]
+ );
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default VerifyEmail;
diff --git a/src/router.tsx b/src/router.tsx
index e0a349c7..9a74dd90 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -2,9 +2,13 @@
import React from 'react';
import { Route, Routes } from 'react-router-dom';
import LandingPage from './pages/LandingPage';
-import { Login } from './pages/Login';
+import { SignUp } from './pages/SignUp';
import NotFound from './pages/NotFound';
import Layout from './components/layout/Layout';
+import VerifyEmail from './pages/VerifyEmail';
+import { EmailVerifying } from './pages/EmailVerifying';
+
+
const AppRouter: React.FC = () => {
return (
@@ -12,7 +16,9 @@ const AppRouter: React.FC = () => {
+
+
+
+
+
+ Verifying your email...
+Please wait...
+