Accessories
diff --git a/src/components/layout/SellerHeader.tsx b/src/components/layout/SellerHeader.tsx
index 8b9a33ab..33f4ef17 100644
--- a/src/components/layout/SellerHeader.tsx
+++ b/src/components/layout/SellerHeader.tsx
@@ -4,7 +4,6 @@ import { IoIosNotifications } from "react-icons/io";
import { MdDarkMode } from "react-icons/md";
import { MdLightMode } from "react-icons/md";
-import "../../styles/SellerHeader.scss";
function SellerHeader() {
return (
diff --git a/src/components/product/Product.tsx b/src/components/product/Product.tsx
index 5887ab7b..0c56ac43 100644
--- a/src/components/product/Product.tsx
+++ b/src/components/product/Product.tsx
@@ -2,8 +2,6 @@
import React, { useState, useRef } from 'react';
import { CiHeart } from "react-icons/ci";
import { PiShoppingCartThin } from "react-icons/pi";
-import '../../styles/index.scss';
-
interface ProductProps {
images: string[];
name: string;
diff --git a/src/components/sidebar/Sidebar.tsx b/src/components/sidebar/Sidebar.tsx
index 92e2e38f..83b5157b 100644
--- a/src/components/sidebar/Sidebar.tsx
+++ b/src/components/sidebar/Sidebar.tsx
@@ -1,5 +1,4 @@
/* eslint-disable */
-
import React, { useState } from "react";
import { IoLogOutSharp } from "react-icons/io5";
import { IoIosPeople } from "react-icons/io";
@@ -8,7 +7,6 @@ import { AiFillDashboard } from "react-icons/ai";
import { FaShop } from "react-icons/fa6";
import { FaBoxArchive } from "react-icons/fa6";
-import "../../styles/Sidebar.scss";
function Sidebar() {
const [isActive, setIsActive] = useState(false);
diff --git a/src/index.tsx b/src/index.tsx
index 6237650c..643ef176 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,13 +1,16 @@
-/* eslint-disable*/
-import React from "react";
-import { createRoot } from "react-dom/client";
-import { Provider } from "react-redux";
-import { store } from "./store/store";
-import App from "./App";
+/* eslint-disable */
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import { Provider } from 'react-redux';
+import { store } from './store/store';
+import App from './App';
+import { ToastContainer } from'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
const root = createRoot(document.getElementById("root")!);
root.render(
+
);
diff --git a/src/pages/EmailVerifying.tsx b/src/pages/EmailVerifying.tsx
new file mode 100644
index 00000000..d3f1712e
--- /dev/null
+++ b/src/pages/EmailVerifying.tsx
@@ -0,0 +1,37 @@
+/* eslint-disable */
+import React, { useEffect } from 'react'
+import { Meta } from '../components/Meta'
+import { useNavigate } from 'react-router-dom';
+import newMessage from "../../public/assets/images/new-message.png"
+import { useAppSelector } from '../store/store'
+export const EmailVerifying = () => {
+ const navigate = useNavigate();
+ const {isVerified} = useAppSelector((state) => state.auth)
+ useEffect(() => {
+ if (isVerified) {
+ navigate("/")
+ }
+ },[navigate])
+ return (
+ <>
+
+
+
+
+
+
Email Verification
+
We've sent a verification email to your registered email address. Please check your inbox to activate your account.
+
If you didn't receive the email, please make sure to check your spam folder. If it's still not there, please try resending the verification email.
+
+
+
+
+
+ navigate("/resend-email"))} className="btn-link">Resend email
+
+
+
+
+
+ )
+}
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 392fcaa9..3cc24e08 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -2,12 +2,10 @@
import React, { useEffect } from "react";
import { useAppDispatch, useAppSelector } from "../store/store";
import { fetchProducts } from '../store/features/product/productSlice';
-import Header from "../components/layout/Header";
-import Footer from "../components/layout/Footer";
import Product from '../components/product/Product';
import Sample from '../components/layout/Sample';
import { PuffLoader } from 'react-spinners';
-import "../styles/LandingPage.scss";
+import { Meta } from '../components/Meta';
const LandingPage: React.FC = () => {
const dispatch = useAppDispatch();
@@ -19,7 +17,7 @@ const LandingPage: React.FC = () => {
return (
<>
-
+
{isLoading ? (
@@ -51,7 +49,6 @@ const LandingPage: React.FC = () => {
)}
);
};
diff --git a/src/pages/Login.tsx b/src/pages/Login.tsx
index 03dfb022..f8443387 100644
--- a/src/pages/Login.tsx
+++ b/src/pages/Login.tsx
@@ -14,3 +14,4 @@ const Login: React.FC = () => (
);
export default Login;
+
diff --git a/src/pages/NotFound.tsx b/src/pages/NotFound.tsx
index 4b5038ad..b73c3aba 100644
--- a/src/pages/NotFound.tsx
+++ b/src/pages/NotFound.tsx
@@ -1,11 +1,25 @@
/* eslint-disable */
-
-import React from "react";
+import React from 'react';
+import { Link } from 'react-router-dom';
+import notFound from '../../public/assets/images/not-found.png';
const NotFound: React.FC = () => (
-
@@ -31,7 +32,7 @@ function Categories() {
@@ -51,7 +52,7 @@ function Categories() {
@@ -64,7 +65,7 @@ function Categories() {
diff --git a/src/components/layout/AdminHeader.tsx b/src/components/layout/AdminHeader.tsx
index 67c6cae2..3654ca24 100644
--- a/src/components/layout/AdminHeader.tsx
+++ b/src/components/layout/AdminHeader.tsx
@@ -2,7 +2,6 @@
import React from "react";
import { IoIosNotifications } from "react-icons/io";
import { FaEnvelope } from "react-icons/fa";
-import "../../styles/AdminHeader.scss";
function AdminHeader() {
return (
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 75b250fa..647749be 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -6,8 +6,6 @@ import { IoLogoFacebook } from "react-icons/io";
import { FaSquareTwitter } from "react-icons/fa6";
import { FaLinkedin } from "react-icons/fa6";
-import "../../styles/Footer.scss";
-
function Footer() {
return (