Recruiter signup (#155)

Web-Team-IITI-Gymkhana · Aug 31, 2024 · cec0cdb · cec0cdb
1 parent cdd0cc9
commit cec0cdb
Show file tree

Hide file tree

Showing 17 changed files with 634 additions and 136 deletions.
diff --git a/package.json b/package.json
@@ -46,7 +46,6 @@
     "formik-wizard-form": "^2.1.0",
     "framer-motion": "^10.16.4",
     "js-cookie": "^3.0.5",
-    "jsonwebtoken": "^9.0.2",
     "jwt-decode": "^4.0.0",
     "lucide-react": "^0.302.0",
     "material-icons": "^1.13.12",

diff --git a/public/images/iiti_bg.JPG b/public/images/iiti_bg.JPG
diff --git a/src/app/(authroutes)/layout.tsx b/src/app/(authroutes)/layout.tsx
@@ -0,0 +1,29 @@
+import "../globals.css";
+import { Providers } from "@/store/provider";
+import { Suspense } from "react";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const AuthLayout = async ({ children }: Props) => {
+  return (
+    <div className="flex-auto flex h-[92vh] ">
+      <Providers>
+        <div className="flex-auto flex h-[92vh] ">
+          {/* sidebar and main content share this space */}
+          <Suspense fallback={<>Loading...</>}></Suspense>
+          <Providers>
+            <div className="w-screen min-h-screen h-max bg-[url(/images/iiti_bg.JPG)] bg-cover bg-fixed bg-center bg-no-repeat absolute">
+              <div className="w-full min-h-full h-max bg-gradient-to-b from-black/40 to-black/90 bg-opacity-50 absolute">
+                {children}
+              </div>
+            </div>
+          </Providers>
+        </div>
+      </Providers>
+    </div>
+  );
+};
+
+export default AuthLayout;
diff --git a/src/app/(authroutes)/recruiter/signup/page.tsx b/src/app/(authroutes)/recruiter/signup/page.tsx
@@ -0,0 +1,8 @@
+import RecruiterSignup from "@/components/loginForms/recruiterSignup";
+import React from "react";
+
+const Signup = () => {
+  return <RecruiterSignup />;
+};
+
+export default Signup;
diff --git a/src/app/events/page.tsx → src/app/(routes)/events/page.tsx b/src/app/events/page.tsx → src/app/(routes)/events/page.tsx
diff --git a/src/app/(routes)/layout.tsx b/src/app/(routes)/layout.tsx
@@ -0,0 +1,25 @@
+import "../globals.css";
+import Sidebar from "@/components/Sidebar";
+import MainContent from "@/components/MainContent";
+import { Providers } from "@/store/provider";
+import { Suspense } from "react";
+
+interface Props {
+  children: React.ReactNode;
+}
+
+const RouteLayout = async ({ children }: Props) => {
+  return (
+    <div className="flex-auto flex h-[92vh] ">
+      {/* sidebar and main content share this space */}
+      <Suspense fallback={<>Loading...</>}>
+        <Sidebar />
+      </Suspense>
+      <MainContent>
+        <Providers>{children}</Providers>
+      </MainContent>
+    </div>
+  );
+};
+
+export default RouteLayout;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,16 +1,9 @@
-import MenuButton from "@/components/MenuButton";
 import "./globals.css";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import Link from "next/link";
 import { ToggleProvider } from "@/contextProviders/ToggleProvider";
-import Sidebar from "@/components/Sidebar";
-import MainContent from "@/components/MainContent";
-import NavButtonGroup from "@/components/NavButtonGroup";
 import NextAuthProvider from "@/contextProviders/sessionProvider";
 import { Toaster } from "react-hot-toast";
-import { Providers } from "@/store/provider";
-import { Suspense } from "react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -21,42 +14,20 @@ export const metadata: Metadata = {
 
 interface Props {
   children: React.ReactNode;
-  auth: React.ReactNode;
 }
 
-const RootLayout = async ({ children, auth }: Props) => {
+const RootLayout = async ({ children }: Props) => {
   const className = inter.className;
 
   return (
     <html lang="en">
       <body className={className}>
         <ToggleProvider>
           <div className="flex flex-col h-screen">
-            {/* <nav className="shadow-xl bg-gray-900">
-              <div className="max-w-7xl mx-auto px-2 sm:px-4 flex justify-between items-center h-[8vh]">
-                <div className="flex-shrink-0 flex items-center">
-                  <Link href="/" className="text-white font-bold text-2xl">
-                    <div className="hidden sm:block mx-2">TPC</div>
-                  </Link>
-                </div>
-                <NavButtonGroup />
-              </div>
-            </nav> */}
             {/* Page Content */}
             <Toaster />
 
-            <NextAuthProvider>
-              <div className="flex-auto flex h-[92vh] ">
-                {/* sidebar and main content share this space */}
-                <Suspense fallback={<>Loading...</>}>
-                  <Sidebar />
-                </Suspense>
-                <MainContent>
-                  <Providers>{children}</Providers>
-                </MainContent>
-              </div>
-              {auth}
-            </NextAuthProvider>
+            <NextAuthProvider>{children}</NextAuthProvider>
           </div>
         </ToggleProvider>
       </body>

diff --git a/src/components/Calendar/context/ContextWrapper.tsx b/src/components/Calendar/context/ContextWrapper.tsx
@@ -5,7 +5,7 @@ import { selectedDayEvent } from "./GlobalContext";
 import { fetchEvents } from "@/helpers/api";
 import toast from "react-hot-toast";
 import Cookies from "js-cookie";
-import jwt from "jsonwebtoken";
+import { jwtDecode } from "jwt-decode";
 import { fetchStudentEvents } from "@/helpers/student/api";
 
 export const labelsClasses = new Map([
@@ -65,7 +65,7 @@ export default function ContextWrapper(props: any) {
 
         if (accessToken) {
           try {
-            const decoded = jwt.decode(accessToken);
+            const decoded: any = jwtDecode(accessToken);
             user = decoded ? { role: decoded.role } : null;
           } catch (error) {
             console.error("JWT decoding error:", error);