1
import { SpeedInsights } from "@vercel/speed-insights/next";
2
import "../global.css";
3
import "react-toastify/dist/ReactToastify.css";
4
import Layout from "@/components/Layout";
5
import { useEffect } from "react";
6
import { useRouter } from "next/router";
7
import { ToastContainer } from "react-toastify";
8

9
const unprotectedRoutes = [
10
  "/user/login",
11
  "/user/request-password-reset",
12
  "/user/reset-password",
13
];
14

15
export default function App({ Component, pageProps }) {
16
  const router = useRouter();
17

18
  useEffect(() => {
19
    const token = localStorage.getItem("token");
20
    const user = JSON.parse(localStorage.getItem("user"));
21
    console.log({ token });
22
    if (!token && !unprotectedRoutes.includes(router.pathname)) {
23
      router.push("/user/login");
24
    }
25
  }, [router.pathname]);
26

27
  return (
28
    <main>
29
      <Layout />
30
      <div className="max-w-[1500px] 2xl:mx-auto pt-[120px] pb-10 xl:mx-[40px]">
31
        <Component {...pageProps} />
32
        {/* <SpeedInsights /> */}
33
        <ToastContainer />
34
      </div>
35
    </main>
36
  );
37
}