From e6e41765212ca2b892814fada948f745a7bad7f0 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 11 Aug 2023 20:47:01 +0530
Subject: [PATCH 01/40] some minor changes

---
 app/protectedLayouts.tsx          |  45 +++++++------
 components/AppBar/AppBar.tsx      |   4 +-
 components/AppBar/AppBarAdmin.tsx | 107 ++++++++++++++++++++++++++++++
 pages/_app.tsx                    |   2 +-
 pages/admin.tsx                   |  11 +--
 pages/admin/events.tsx            |   0
 pages/admin/home.tsx              |  16 -----
 pages/admin/members.tsx           |   0
 pages/admin/project.tsx           |   0
 pages/admin/register.tsx          |   0
 10 files changed, 140 insertions(+), 45 deletions(-)
 create mode 100644 components/AppBar/AppBarAdmin.tsx
 create mode 100644 pages/admin/events.tsx
 delete mode 100644 pages/admin/home.tsx
 create mode 100644 pages/admin/members.tsx
 create mode 100644 pages/admin/project.tsx
 create mode 100644 pages/admin/register.tsx

diff --git a/app/protectedLayouts.tsx b/app/protectedLayouts.tsx
index 7266004..0b73773 100644
--- a/app/protectedLayouts.tsx
+++ b/app/protectedLayouts.tsx
@@ -1,22 +1,21 @@
-// components/layouts/protectedLayouts.tsx
-
 import { useSession } from 'next-auth/react'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
-
-type Props = {
-  children: React.ReactElement
+import AppBarAdmin from './../components/AppBar/AppBarAdmin'
+import Footer from '@/components/Footer/Footer'
+import './globals.css'
+import AppBar from '@/components/AppBar/AppBar'
+import './globals.css'
+import { Inter } from 'next/font/google'
+import { ReactNode } from 'react'
+import { NextAuthProvider } from './../pages/provider'
+
+interface RootLayoutProps {
+  // Use interface for prop types
+  children: ReactNode
 }
 
-/*
-  add the requireAuth property to the page component
-  to protect the page from unauthenticated users
-  e.g.:
-  OrderDetail.requireAuth = true;
-  export default OrderDetail;
- */
-
-const ProtectedLayout = ({ children }: Props): JSX.Element => {
+function ProtectedLayout({ children }: RootLayoutProps) {
   const router = useRouter()
   const { status: sessionStatus } = useSession()
   const authorized = sessionStatus === 'authenticated'
@@ -24,11 +23,8 @@ const ProtectedLayout = ({ children }: Props): JSX.Element => {
   const loading = sessionStatus === 'loading'
 
   useEffect(() => {
-    // check if the session is loading or the router is not ready
     if (loading || !router.isReady) return
 
-    // if the user is not authorized, redirect to the login page
-    // with a return url to the current page
     if (unAuthorized) {
       console.log('not authorized')
       router.push({
@@ -37,14 +33,19 @@ const ProtectedLayout = ({ children }: Props): JSX.Element => {
     }
   }, [loading, unAuthorized, sessionStatus, router])
 
-  // if the user refreshed the page or somehow navigated to the protected page
   if (loading) {
-    return <>Loading app...</>
+    return <>Loading app...</> //need to change to loading screen
   }
 
-  // if the user is authorized, render the page
-  // otherwise, render nothing while the router redirects him to the login page
-  return authorized ? <div>{children}</div> : <></>
+  return authorized ? (
+    <>
+      <AppBarAdmin />
+      <div>{children}</div>
+      <Footer />
+    </>
+  ) : (
+    <></>
+  )
 }
 
 export default ProtectedLayout
diff --git a/components/AppBar/AppBar.tsx b/components/AppBar/AppBar.tsx
index 952638c..fc2cc42 100644
--- a/components/AppBar/AppBar.tsx
+++ b/components/AppBar/AppBar.tsx
@@ -49,11 +49,11 @@ export default function AppBar() {
                 active && styles.activeSidebar
               } font-sans`}
             >
-              <div className={styles.option}>
+              {/* <div className={styles.option}>
                 <Link href='/' scroll={false}>
                   <div>Home</div>
                 </Link>
-              </div>
+              </div> */}
               <div className={styles.option}>
                 <Link href='/events' scroll={false}>
                   <div>Events</div>
diff --git a/components/AppBar/AppBarAdmin.tsx b/components/AppBar/AppBarAdmin.tsx
new file mode 100644
index 0000000..2327159
--- /dev/null
+++ b/components/AppBar/AppBarAdmin.tsx
@@ -0,0 +1,107 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import Image from 'next/image'
+import Link from 'next/link'
+import styles from './AppBar.module.css'
+import { useSession, signOut } from 'next-auth/react'
+
+export default function AppBarAdmin() {
+  const { data: session } = useSession()
+  const [active, setActive] = useState(false)
+  const clickHandler = () => {
+    setActive(prevActive => !prevActive)
+  }
+
+  const [visible, setVisible] = useState(true)
+  const [previousScrollPosition, setPreviousScrollPosition] = useState(0)
+  useEffect(() => {
+    const handleScroll = () => {
+      const currentScrollPos = window.pageYOffset
+      const visible = previousScrollPosition > currentScrollPos
+
+      setPreviousScrollPosition(currentScrollPos)
+      setVisible(visible)
+    }
+    window.addEventListener('scroll', handleScroll)
+    return () => window.removeEventListener('scroll', handleScroll)
+  }, [previousScrollPosition])
+
+  return (
+    <div id='homeId'>
+      <nav
+        className={styles.navBarWrapper}
+        style={{ top: visible ? 0 : '-6rem' }}
+      >
+        <div className={styles.navBarMain}>
+          <div className={styles.logoWrapper}>
+            <Link href={`/admin`}>
+              <Image
+                src='/Logo4xWithoutFade.png'
+                width={70}
+                height={50}
+                alt='Picture of the club'
+                priority
+              />
+            </Link>
+          </div>
+          <div className={styles.optionsWrapper}>
+            <div
+              className={`${styles.optionsMenu} ${
+                active && styles.activeSidebar
+              } font-sans`}
+            >
+              <div className={styles.option}>
+                <Link href='/admin/events' scroll={false}>
+                  <div>Events</div>
+                </Link>
+              </div>
+              <div className={styles.option}>
+                <Link href='/admin/projects' scroll={false}>
+                  <div>Projects</div>
+                </Link>
+              </div>
+              <div className={styles.option}>
+                <Link href='/admin/members' scroll={false}>
+                  <div>Members</div>
+                </Link>
+              </div>
+              <div className={styles.option}>
+                <Link href='/admin/register' scroll={false}>
+                  <div>Register</div>
+                </Link>
+              </div>
+              {session && session.user && session.user.image ? (
+                <div className={styles.option} onClick={() => signOut()}>
+                  <img
+                    src={session.user.image}
+                    alt='User'
+                    style={{
+                      borderRadius: '50%',
+                      width: '50px',
+                      height: '50px',
+                    }}
+                  />
+                </div>
+              ) : (
+                <></>
+              )}
+            </div>
+            <div className={styles.hamBurgerWrapper}>
+              <div
+                className={`${styles.hamburger} ${
+                  active ? styles.active : styles['not-active']
+                }`}
+                onClick={clickHandler}
+              >
+                <span className={styles.spans}></span>
+                <span className={styles.spans}></span>
+                <span className={styles.spans}></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </nav>
+    </div>
+  )
+}
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 4993207..5967e30 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,6 @@
 import { SessionProvider } from 'next-auth/react'
 import { AppProps } from 'next/app'
-import ProtectedLayout from './../app/protectedLayouts'
+import ProtectedLayout from '../app/protectedLayouts'
 import { ReactNode } from 'react' // Import ReactNode type
 
 type AppPropsWithAuth = AppProps & {
diff --git a/pages/admin.tsx b/pages/admin.tsx
index 9ce9fc2..f3e2563 100644
--- a/pages/admin.tsx
+++ b/pages/admin.tsx
@@ -1,12 +1,15 @@
 import { useSession } from 'next-auth/react'
+import AdminMembers from '@/components/Admins/AdminMember'
+import Hero from '@/components/Hero/Hero'
+import Image from 'next/image'
 
 const admin = () => {
   const { data: session } = useSession()
   return (
-    <div>
-      <h1>Protected Page</h1>
-      <p>Hi {session?.user?.name}!</p>
-    </div>
+    <>
+      <Hero />
+      <AdminMembers />
+    </>
   )
 }
 
diff --git a/pages/admin/events.tsx b/pages/admin/events.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/pages/admin/home.tsx b/pages/admin/home.tsx
deleted file mode 100644
index 236f212..0000000
--- a/pages/admin/home.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { useSession } from 'next-auth/react'
-
-const home = () => {
-  const { data: session } = useSession()
-  return (
-    <div>
-      <h1>Protected Page home</h1>
-      <p>Hi {session?.user?.name}!</p>
-    </div>
-  )
-}
-
-// add the requireAuth property to the page component
-home.requireAuth = true
-
-export default home
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/pages/admin/project.tsx b/pages/admin/project.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/pages/admin/register.tsx b/pages/admin/register.tsx
new file mode 100644
index 0000000..e69de29

From 23e327d9704e2ccda4e93304ca811b638a4d0f5c Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 11 Aug 2023 22:51:31 +0530
Subject: [PATCH 02/40] updates in code

---
 components/AppBar/AppBar.tsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/components/AppBar/AppBar.tsx b/components/AppBar/AppBar.tsx
index b7ebc6c..c1f004c 100644
--- a/components/AppBar/AppBar.tsx
+++ b/components/AppBar/AppBar.tsx
@@ -53,10 +53,6 @@ export default function AppBar() {
                 <Link href='/' scroll={false}>
                   <div>Home</div>
                 </Link>
-
-              </div>
-              {/* <div className={styles.option}>
-
                 <Link href='/events' scroll={false}>
                   <div>Events</div>
                 </Link>

From d3e6d401d23a82df2c1fa284af63ba2f67be5d31 Mon Sep 17 00:00:00 2001
From: divyjx <divyjx@gmail.com>
Date: Sat, 12 Aug 2023 02:03:56 +0530
Subject: [PATCH 03/40] achievements and login page

---
 app/achievements/data.ts         | 21 ++++++++++++++-------
 app/achievements/page.module.css |  4 ++++
 app/achievements/page.tsx        | 13 +++++++++++--
 pages/login.js                   | 30 ++++++++++++++++--------------
 pages/login.module.css           | 26 ++++++++++++++++++++++++++
 5 files changed, 71 insertions(+), 23 deletions(-)
 create mode 100644 pages/login.module.css

diff --git a/app/achievements/data.ts b/app/achievements/data.ts
index df41697..e320051 100644
--- a/app/achievements/data.ts
+++ b/app/achievements/data.ts
@@ -1,9 +1,16 @@
-// import blocksData from '@/types/Block/blockCard.types
+import blocksData from '@/types/Block/blockCard.types'
+import basic_img from '@/public/Projects/Images/GRAND.png'
 
-// const data: blocksData = [
-//   {
-//     heading: 'Inter IIT TechMeet 11',
-//   },
-// ]
+const data: blocksData = [
+  {
+    heading: 'Inter IIT TechMeet 11',
+    time: 'May',
+    content:
+      'Lorem Ipsum is simply dummy text of the printing and typesetting industry.',
+    knowMoreLink: 'https://www.granddecoder.mit.edu/',
+    image: basic_img.src,
+  },
+  // other achievements
+]
 
-// export default data
+export default data
diff --git a/app/achievements/page.module.css b/app/achievements/page.module.css
index e69de29..7d00361 100644
--- a/app/achievements/page.module.css
+++ b/app/achievements/page.module.css
@@ -0,0 +1,4 @@
+.achieveWrapper {
+  background-color: var(--primary-light-pastel-gray);
+  background-image: url(/Events/micro_carbon.png);
+}
diff --git a/app/achievements/page.tsx b/app/achievements/page.tsx
index 35e14cc..f4b49b6 100644
--- a/app/achievements/page.tsx
+++ b/app/achievements/page.tsx
@@ -1,7 +1,16 @@
-// Make this page like projects
+import data from './data'
+import Block from '@/components/Block/Block'
+
+import styles from './page.module.css'
 
 const page = () => {
-  return <></>
+  return (
+    <>
+      <div className={styles.achieveWrapper}>
+        <Block title='Achievements' blocksData={data} />
+      </div>
+    </>
+  )
 }
 
 export default page
diff --git a/pages/login.js b/pages/login.js
index 04c20a4..d78a71d 100644
--- a/pages/login.js
+++ b/pages/login.js
@@ -1,23 +1,25 @@
 import { useSession, signIn, signOut } from 'next-auth/react'
 
+import styles from './login.module.css'
+
 const login = () => {
   const { data: session, status } = useSession()
 
-  if (session) {
-    return (
-      <>
-        Signed in as {session.user.email} <br />
-        <button onClick={() => signOut()}>Sign out</button>
-      </>
-    )
-  } else {
-    return (
-      <>
-        Not signed in <br />
-        <button onClick={() => signIn()}>Sign In</button>
-      </>
-    )
+  const signFunc = () => {
+    if (session) signOut.apply()
+    else signIn.apply()
   }
+
+  return (
+    <>
+      <div className={styles.loginWrapper}>
+        <p>
+          {session ? 'Signed in as ' + session.user.email : 'Not signed in'}
+        </p>
+        <button onClick={signFunc}>{session ? 'signOut' : 'signIn'}</button>
+      </div>
+    </>
+  )
 }
 
 export default login
diff --git a/pages/login.module.css b/pages/login.module.css
new file mode 100644
index 0000000..83691d5
--- /dev/null
+++ b/pages/login.module.css
@@ -0,0 +1,26 @@
+.loginWrapper {
+  font-size: 20px;
+  color: white;
+  background-color: black;
+  display: grid;
+  place-items: center;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  grid-template-rows: 30vh 10vh auto;
+}
+
+.loginWrapper > p {
+  display: block;
+  text-align: center;
+}
+
+.loginWrapper > button {
+  transition-duration: 0.4s;
+  background-color: #4caf50;
+  padding: 15px 32px;
+}
+
+.loginWrapper > button:hover {
+  background-color: #092a0a;
+}

From bc4a6cd8a19cf595328670def1a1057bd4346da1 Mon Sep 17 00:00:00 2001
From: divyjx <divyjx@gmail.com>
Date: Sun, 13 Aug 2023 02:34:26 +0530
Subject: [PATCH 04/40] toggle button in register page

---
 components/Registration/RegBlock/RegBlock.tsx |  4 +-
 .../Registration/Registration.module.css      |  4 ++
 components/Registration/Registration.tsx      | 45 ++++++++++++-------
 3 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/components/Registration/RegBlock/RegBlock.tsx b/components/Registration/RegBlock/RegBlock.tsx
index 54edcf5..4230674 100644
--- a/components/Registration/RegBlock/RegBlock.tsx
+++ b/components/Registration/RegBlock/RegBlock.tsx
@@ -61,11 +61,11 @@ const RegBlock = ({ title, inputs, handleChangeInput, type }: Props) => {
 
   return (
     <>
-      <div className={styles.FormHeading}>
+      {/* <div className={styles.FormHeading}>
         <div className={styles.text_block}>
           <h2>{title}</h2>
         </div>
-      </div>
+      </div> */}
       {authState.loading ? (
         <Loading />
       ) : (
diff --git a/components/Registration/Registration.module.css b/components/Registration/Registration.module.css
index d245d11..aa37f61 100644
--- a/components/Registration/Registration.module.css
+++ b/components/Registration/Registration.module.css
@@ -16,3 +16,7 @@
     padding-bottom: 1rem;
   }
 }
+
+.tabGroup > button {
+  border-radius: 0.5rem;
+}
diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index c9831d8..c0c740d 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -4,6 +4,7 @@ import { NextPage } from 'next'
 import RegBlock from './RegBlock/RegBlock'
 import { useState, useContext } from 'react'
 import styles from './Registration.module.css'
+import { Tabs } from 'flowbite-react'
 
 interface Props {}
 
@@ -41,22 +42,34 @@ const Registration: NextPage<Props> = ({}) => {
       <div
         className={`${styles.RegWrapper} grid gap-flow-col grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
       >
-        <div>
-          <RegBlock
-            title='Codeforces'
-            inputs={inputs_cf}
-            handleChangeInput={handleChangeInput_cf}
-            type={0}
-          />
-        </div>
-        <div>
-          <RegBlock
-            title='LeetCode'
-            inputs={inputs_lt}
-            handleChangeInput={handleChangeInput_lt}
-            type={1}
-          />
-        </div>
+        <Tabs.Group
+          aria-label='Pills'
+          style='default'
+          className={
+            styles.tabGroup + ' text-center justify-center text-sm border-b-0'
+          }
+        >
+          <Tabs.Item active title='Codeforces'>
+            <div>
+              <RegBlock
+                title='Codeforces'
+                inputs={inputs_cf}
+                handleChangeInput={handleChangeInput_cf}
+                type={0}
+              />
+            </div>
+          </Tabs.Item>
+          <Tabs.Item title='LeetCode'>
+            <div>
+              <RegBlock
+                title='LeetCode'
+                inputs={inputs_lt}
+                handleChangeInput={handleChangeInput_lt}
+                type={1}
+              />
+            </div>
+          </Tabs.Item>
+        </Tabs.Group>
       </div>
     </>
   )

From 26b5a5f892d765abfb89f42b5bc49f750d8b4006 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sun, 13 Aug 2023 12:52:01 +0530
Subject: [PATCH 05/40] add to database events

---
 package-lock.json                             |  41 +++++-
 package.json                                  |   1 +
 pages/admin/events.jsx                        | 127 ++++++++++++++++++
 pages/admin/events.tsx                        |   0
 pages/api/events.js                           |  31 +++++
 .../migration.sql                             |  28 ++++
 prisma/schema.prisma                          |  35 +++++
 tsconfig.json                                 |   3 +-
 yarn.lock                                     |  31 ++++-
 9 files changed, 291 insertions(+), 6 deletions(-)
 create mode 100644 pages/admin/events.jsx
 delete mode 100644 pages/admin/events.tsx
 create mode 100644 pages/api/events.js
 create mode 100644 prisma/migrations/20230812190018_added_project_events_model/migration.sql

diff --git a/package-lock.json b/package-lock.json
index 30d0449..7082637 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-icons": "^4.10.1",
+        "react-modal": "^3.16.1",
         "sharp": "^0.32.1",
         "tailwindcss": "3.3.2",
         "ts-node": "^10.9.1",
@@ -2333,6 +2334,11 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
+    },
     "node_modules/expand-template": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -4341,7 +4347,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -4483,8 +4488,30 @@
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
     },
     "node_modules/read-cache": {
       "version": "1.0.0",
@@ -5566,6 +5593,14 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
diff --git a/package.json b/package.json
index 4703382..2508149 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
+    "react-modal": "^3.16.1",
     "sharp": "^0.32.1",
     "tailwindcss": "3.3.2",
     "ts-node": "^10.9.1",
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
new file mode 100644
index 0000000..1fb56a4
--- /dev/null
+++ b/pages/admin/events.jsx
@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react'
+import Modal from 'react-modal'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
+import styles from './../../app/events/page.module.css'
+
+const Events = () => {
+  const [eventData, setEventData] = useState({
+    title: '',
+    description: '',
+    start_month: 'January',
+    url: '',
+  })
+  const [events, setEvents] = useState([])
+  const [modalIsOpen, setModalIsOpen] = useState(false)
+
+  useEffect(() => {
+    axios.get('/api/events').then(response => {
+      setEvents(response.data)
+    })
+  }, [])
+
+  const handleInputChange = e => {
+    const { name, value } = e.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      const createdEvent = await axios.post('/api/events', eventData)
+
+      console.log('Event added to database:', createdEvent.data)
+      setModalIsOpen(false)
+      setEventData({
+        title: '',
+        description: '',
+        start_month: 'January',
+        url: '',
+      })
+    } catch (error) {
+      console.error('Error adding event to database:', error)
+    }
+  }
+
+  return (
+    <div>
+      <button
+        style={{
+          position: 'relative',
+          // bottom: '10px', // Adjust as needed
+          // right: '10px', // Adjust as needed
+          zIndex: '100', // Ensure the button is on top
+          backgroundColor: 'red',
+        }}
+        onClick={() => setModalIsOpen(true)}
+      >
+        Add Event
+      </button>
+
+      <div className={styles.eventsWrapper}>
+        <Block title='Events' blocksData={events} />
+      </div>
+
+      <Modal
+        isOpen={modalIsOpen}
+        onRequestClose={() => setModalIsOpen(false)}
+        style={{
+          content: {
+            margin: 'auto',
+            dispaly: 'block',
+            backgroundColor: 'green',
+            maxHeight: '70%', // Adjust the value as needed
+          },
+        }}
+      >
+        <h2>Add Event</h2>
+        <input
+          type='text'
+          name='title'
+          placeholder='Event Title'
+          value={eventData.title}
+          onChange={handleInputChange}
+        />
+        <textarea
+          name='description'
+          placeholder='Event Description'
+          value={eventData.description}
+          onChange={handleInputChange}
+        />
+        <select
+          name='start_month'
+          value={eventData.start_month}
+          onChange={handleInputChange}
+        >
+          <option value='January'>January</option>
+          <option value='February'>February</option>
+          <option value='March'>March</option>
+          <option value='April'>April</option>
+          <option value='May'>May</option>
+          <option value='June'>June</option>
+          <option value='July'>July</option>
+          <option value='August'>August</option>
+          <option value='September'>September</option>
+          <option value='October'>October</option>
+          <option value='November'>November</option>
+          <option value='December'>December</option>
+        </select>
+        <input
+          type='text'
+          name='url'
+          placeholder='Event URL'
+          value={eventData.url}
+          onChange={handleInputChange}
+        />
+        <button onClick={handleAddEvent}>Add Event</button>
+        <button onClick={() => setModalIsOpen(false)}>Close</button>
+      </Modal>
+    </div>
+  )
+}
+
+Events.requireAuth = true
+
+export default Events
diff --git a/pages/admin/events.tsx b/pages/admin/events.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/api/events.js b/pages/api/events.js
new file mode 100644
index 0000000..161018d
--- /dev/null
+++ b/pages/api/events.js
@@ -0,0 +1,31 @@
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export default async function handler(req, res) {
+  if (req.method === 'GET') {
+    try {
+      const events = await prisma.event.findMany()
+      res.status(200).json(events)
+    } catch (error) {
+      console.error('Error fetching events:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'POST') {
+    const eventData = req.body
+
+    try {
+      const createdEvent = await prisma.event.create({
+        data: eventData,
+      })
+
+      console.log('Event added to database:', createdEvent)
+      res.status(201).json(createdEvent)
+    } catch (error) {
+      console.error('Error adding event to database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/prisma/migrations/20230812190018_added_project_events_model/migration.sql b/prisma/migrations/20230812190018_added_project_events_model/migration.sql
new file mode 100644
index 0000000..1f4c76f
--- /dev/null
+++ b/prisma/migrations/20230812190018_added_project_events_model/migration.sql
@@ -0,0 +1,28 @@
+-- CreateEnum
+CREATE TYPE "Month" AS ENUM ('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
+
+-- CreateTable
+CREATE TABLE "Event" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "start_month" "Month" NOT NULL,
+    "url" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Event_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Project" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "start_month" "Month" NOT NULL,
+    "url" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Project_pkey" PRIMARY KEY ("id")
+);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 367b8f7..652ed41 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -100,3 +100,38 @@ model LeetCodeLeaderBoard {
 
   @@index([rollNumber])
 }
+
+enum Month {
+  January
+  February
+  March
+  April
+  May
+  June
+  July
+  August
+  September
+  October
+  November
+  December
+}
+
+model Event {
+  id          String   @id @default(uuid())
+  title       String
+  description String
+  start_month Month // Store the month as an enum
+  url         String // URL for event details
+  created_at  DateTime @default(now())
+  updated_at  DateTime @updatedAt
+}
+
+model Project {
+  id          String   @id @default(uuid())
+  title       String
+  description String
+  start_month Month // Store the start month as an enum
+  url         String // URL for project details
+  created_at  DateTime @default(now())
+  updated_at  DateTime @updatedAt
+}
diff --git a/tsconfig.json b/tsconfig.json
index b6dae0a..f7dd4b1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -31,7 +31,8 @@
     "components/Hero/Hero.tsx",
     "components/Block/BlockCard/BlockCard.jsx",
     "components/Block/Block.tsx",
-    "pages/_app.js"
+    "pages/_app.js",
+    "pages/admin/events.jsx"
   ],
   "exclude": [
     "node_modules",
diff --git a/yarn.lock b/yarn.lock
index a8c65af..c6eebca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1289,6 +1289,11 @@ execa@^7.1.1:
     signal-exit "^3.0.7"
     strip-final-newline "^3.0.0"
 
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz"
+  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
+
 expand-template@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz"
@@ -1966,7 +1971,7 @@ lodash@^4.17.21:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -2495,7 +2500,7 @@ prisma@^4.15.0:
   dependencies:
     "@prisma/engines" "4.15.0"
 
-prop-types@^15.8.1:
+prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -2576,6 +2581,21 @@ react-is@^16.13.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-lifecycles-compat@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
+react-modal@^3.16.1:
+  version "3.16.1"
+  resolved "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz"
+  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.7.2"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
@@ -3237,6 +3257,13 @@ validator@^13.9.0:
   resolved "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz"
   integrity sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"

From 991d50f80ab1634f34a77e0e9fb25009eac2f050 Mon Sep 17 00:00:00 2001
From: divyjx <divyjx@gmail.com>
Date: Mon, 14 Aug 2023 10:43:08 +0530
Subject: [PATCH 06/40] toggle button in register page #2

---
 .../Registration/RegBlock/RegBlock.module.css |  2 +-
 .../Registration/Registration.module.css      | 41 ++++++++++++++++---
 components/Registration/Registration.tsx      |  5 ++-
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/components/Registration/RegBlock/RegBlock.module.css b/components/Registration/RegBlock/RegBlock.module.css
index df0b634..77eced5 100644
--- a/components/Registration/RegBlock/RegBlock.module.css
+++ b/components/Registration/RegBlock/RegBlock.module.css
@@ -7,7 +7,7 @@
   background-color: var(--text-white);
   padding: 3rem 3rem 3rem;
   border-radius: 24px;
-  border: 2px solid var(--text-black);
+  /* border: 2px solid var(--text-black); */
   line-height: 1.5rem;
   font-family: 'Recursive', cursive;
   box-shadow: 5px 5px 0 0 black;
diff --git a/components/Registration/Registration.module.css b/components/Registration/Registration.module.css
index aa37f61..d72d6c8 100644
--- a/components/Registration/Registration.module.css
+++ b/components/Registration/Registration.module.css
@@ -1,13 +1,15 @@
+@import url('https://fonts.googleapis.com/css2?family=Recursive&display=swap');
+
 .RegWrapper {
   position: relative;
   background-color: var(--primary-light-pastel-gray);
   overflow-x: hidden;
-  padding-top: 6rem;
+  padding-top: 10rem;
   padding-left: 1rem;
   padding-right: 1rem;
-  padding-bottom: 3rem;
+  padding-bottom: 1rem;
   background-image: url(/Events/micro_carbon.png);
-  min-height: 100vh;
+  min-height: 50vh;
 }
 
 @media (max-width: 768px) {
@@ -17,6 +19,35 @@
   }
 }
 
-.tabGroup > button {
-  border-radius: 0.5rem;
+.tabGroup > div > div {
+  padding: 0;
+  margin: 0;
+}
+.tabGroup > div > button {
+  color: black;
+  font-size: 1rem;
+  font-family: 'Recursive', sans-serif;
+  font-weight: bold;
+  padding-top: 1rem;
+}
+
+.tabGroup > div > button[aria-selected='true'] {
+  color: black;
+  background-color: white;
+  box-shadow: 4px 4px 0 0 black;
+  /* border: solid 2px black; */
+}
+
+.tabGroup > div > button[aria-selected='false'] {
+  background-color: transparent;
+  color: rgb(178, 176, 176);
+}
+
+.tabGroup > div > button:focus[aria-selected='false'] {
+  box-shadow: none;
+}
+
+.tabGroup > div > button:hover[aria-selected='false'] {
+  background-color: rgb(48, 48, 48);
+  color: rgb(255, 250, 250);
 }
diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index c0c740d..e25a608 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -40,13 +40,14 @@ const Registration: NextPage<Props> = ({}) => {
   return (
     <>
       <div
-        className={`${styles.RegWrapper} grid gap-flow-col grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
+        className={`${styles.RegWrapper} grid gap-0 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
       >
         <Tabs.Group
           aria-label='Pills'
           style='default'
           className={
-            styles.tabGroup + ' text-center justify-center text-sm border-b-0'
+            styles.tabGroup +
+            ' text-center justify-center text-sm border-b-0 my-0 gap-y-0 gap-x-0.5 py-0'
           }
         >
           <Tabs.Item active title='Codeforces'>

From 6dd4d2c2c8ea56060c136af1640bc460c85a3a04 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Mon, 14 Aug 2023 15:11:32 +0530
Subject: [PATCH 07/40] has errors need to be fixed

---
 components/Block/BlockAdmin.tsx               | 193 ++++++++++++++++++
 components/Block/BlockCard/BlockCard.tsx      |  10 +-
 components/Block/BlockCard/BlockCardAdmin.tsx |  86 ++++++++
 package-lock.json                             |  10 +
 package.json                                  |   1 +
 pages/admin.tsx                               |   1 -
 pages/admin/events.jsx                        | 104 +---------
 pages/api/events.js                           |  31 +++
 .../migration.sql                             |   5 +
 prisma/schema.prisma                          |   2 +
 types/Block/blockCard.types.ts                |  11 +-
 yarn.lock                                     |   7 +
 12 files changed, 348 insertions(+), 113 deletions(-)
 create mode 100644 components/Block/BlockAdmin.tsx
 create mode 100644 components/Block/BlockCard/BlockCardAdmin.tsx
 create mode 100644 prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql

diff --git a/components/Block/BlockAdmin.tsx b/components/Block/BlockAdmin.tsx
new file mode 100644
index 0000000..424846f
--- /dev/null
+++ b/components/Block/BlockAdmin.tsx
@@ -0,0 +1,193 @@
+import React, { useState, useEffect } from 'react'
+import Modal from 'react-modal'
+import axios from 'axios'
+import BlockCardAdmin from './BlockCard/BlockCardAdmin'
+import styles from './Block.module.css'
+
+interface EventData {
+  id: string
+  title: string
+  description: string
+  start_month: string
+  url: string
+  image_url: string
+}
+
+interface Props {
+  title: string
+  blocksData: EventData[]
+  onEdit: (editedData: EventData) => void
+  onDelete: (id: string) => void
+}
+
+export default function BlockAdmin({
+  title,
+  blocksData,
+  onEdit,
+  onDelete,
+}: Props) {
+  const [eventData, setEventData] = useState<EventData>({
+    id: '',
+    title: '',
+    description: '',
+    start_month: 'January',
+    url: '',
+    image_url: '',
+  })
+
+  const [modalIsOpen, setModalIsOpen] = useState(false)
+  const [editingEvent, setEditingEvent] = useState<EventData | null>(null)
+
+  useEffect(() => {
+    if (editingEvent) {
+      setEventData(editingEvent)
+    }
+  }, [editingEvent])
+
+  const handleInputChange = (
+    e: React.ChangeEvent<
+      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
+    >,
+  ) => {
+    const { name, value } = e.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleEdit = (editedData: EventData) => {
+    setEditingEvent(editedData)
+    setModalIsOpen(true)
+  }
+
+  const handleDelete = async (eventId: string) => {
+    try {
+      await axios.delete(`/api/events/${eventId}`)
+      fetchEvents()
+    } catch (error) {
+      console.error('Error deleting event:', error)
+    }
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      if (editingEvent) {
+        const updatedEvent = await axios.put(`/api/events/${editingEvent.id}`, {
+          ...eventData,
+        })
+        onEdit(updatedEvent.data)
+      } else {
+        const createdEvent = await axios.post('/api/events', eventData)
+        console.log('Event added to database:', createdEvent.data)
+      }
+      setModalIsOpen(false)
+      setEventData({
+        id: '',
+        title: '',
+        description: '',
+        start_month: 'January',
+        url: '',
+        image_url: '',
+      })
+      setEditingEvent(null)
+    } catch (error) {
+      console.error('Error adding/editing event:', error)
+    }
+  }
+
+  const fetchEvents = async () => {
+    try {
+      const response = await axios.get('/api/events')
+      setEventData(response.data)
+    } catch (error) {
+      console.error('Error fetching events:', error)
+    }
+  }
+
+  return (
+    <div id='blocksId' className={styles.blocksWrapper}>
+      <div className={`${styles.blocksMain} page-wrapper`}>
+        <div className={styles.blocksHeading}>
+          <div className={styles.text_block}>
+            <h2>{title}</h2>
+          </div>
+        </div>
+        <button
+          style={{
+            position: 'relative',
+            zIndex: 100,
+            backgroundColor: 'red',
+          }}
+          onClick={() => setModalIsOpen(true)}
+        >
+          Add Event
+        </button>
+        <Modal
+          isOpen={modalIsOpen}
+          onRequestClose={() => setModalIsOpen(false)}
+          style={{
+            content: {
+              margin: 'auto',
+              backgroundColor: 'green',
+              maxHeight: '70%',
+              width: '70%',
+            },
+          }}
+        >
+          <h2>Add Event</h2>
+          <input
+            type='text'
+            name='title'
+            placeholder='Event Title'
+            value={eventData.title}
+            onChange={handleInputChange}
+          />
+          <textarea
+            name='description'
+            placeholder='Event Description'
+            value={eventData.description}
+            onChange={handleInputChange}
+          />
+          <select
+            name='start_month'
+            value={eventData.start_month}
+            onChange={handleInputChange}
+          >
+            <option value='January'>January</option>
+          </select>
+          <input
+            type='text'
+            name='url'
+            placeholder='Event URL'
+            value={eventData.url}
+            onChange={handleInputChange}
+          />
+          <input
+            type='text'
+            name='image_url'
+            placeholder='Image URL'
+            value={eventData.image_url}
+            onChange={handleInputChange}
+          />
+          <button onClick={handleAddEvent}>Add Event</button>
+          <button onClick={() => setModalIsOpen(false)}>Close</button>
+        </Modal>
+        <div className={styles.blocksCardWrapper}>
+          {blocksData.map((data, index) => {
+            return (
+              <BlockCardAdmin
+                data={data}
+                key={index}
+                number={index + 1}
+                leftSideImage={index % 2 === 0} // Adjust this condition
+                onEdit={handleEdit} // Pass the onEdit function
+                onDelete={handleDelete} // Pass the onDelete function
+              />
+            )
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/Block/BlockCard/BlockCard.tsx b/components/Block/BlockCard/BlockCard.tsx
index 4e17725..3293472 100644
--- a/components/Block/BlockCard/BlockCard.tsx
+++ b/components/Block/BlockCard/BlockCard.tsx
@@ -24,13 +24,13 @@ export default function BlockCard({ leftSideImage, data, number }: Props) {
               <div className={styles.styleDiv}></div>
             </div>
             <div className={styles.blockName}>
-              <h1>{data.heading}</h1>
+              <h1>{data.title}</h1>
               <br />
-              <h3>{data.time}</h3>
+              <h3>{data.start_month}</h3>
             </div>
-            <div className={styles.blockInfo}>{data.content}</div>
+            <div className={styles.blockInfo}>{data.description}</div>
             <div className={styles.knowMore}>
-              <a href={data.knowMoreLink} target='_blank'>
+              <a href={data.url} target='_blank'>
                 <div>Know More</div>
                 <div className={styles.buttonImage}>
                   <Image
@@ -49,7 +49,7 @@ export default function BlockCard({ leftSideImage, data, number }: Props) {
             }`}
           >
             <div className={styles.blockImageCard}>
-              <Image src={data.image} fill alt='user provided image' />
+              <Image src={data.image_url} fill alt='user provided image' />
             </div>
           </div>
         </div>
diff --git a/components/Block/BlockCard/BlockCardAdmin.tsx b/components/Block/BlockCard/BlockCardAdmin.tsx
new file mode 100644
index 0000000..09fc0ab
--- /dev/null
+++ b/components/Block/BlockCard/BlockCardAdmin.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import Image from 'next/image'
+import { ind_block_data } from '@/types/Block/blockCard.types'
+import styles from './BlockCard.module.css'
+
+interface Props {
+  leftSideImage: boolean
+  data: ind_block_data
+  number: number
+  onEdit: (data: ind_block_data) => void
+  onDelete: (id: string) => void
+}
+
+export default function BlockCardAdmin({
+  leftSideImage,
+  data,
+  number,
+  onEdit,
+  onDelete,
+}: Props) {
+  const handleEdit = () => {
+    onEdit(data)
+  }
+
+  const handleDelete = () => {
+    onDelete(data.id)
+  }
+
+  return (
+    <>
+      <div className={styles.blockCardWrapper}>
+        <div className={styles.blockCardMain}>
+          <div>
+            <button onClick={handleEdit} style={{ backgroundColor: 'yellow' }}>
+              Edit
+            </button>
+            <button
+              onClick={handleDelete}
+              style={{ backgroundColor: 'yellow' }}
+            >
+              Delete
+            </button>
+          </div>
+          <div
+            className={`${styles.blockInfo} ${
+              leftSideImage && styles.blockInfoLeft
+            }`}
+          >
+            <div className={styles.blockNumber}>
+              <h1>{number < 10 ? `0${number}` : number}</h1>
+              <div className={styles.styleDiv}></div>
+            </div>
+            <div className={styles.blockName}>
+              <h1>{data.title}</h1>
+              <br />
+              <h3>{data.start_month}</h3>
+            </div>
+            <div className={styles.blockInfo}>{data.description}</div>
+            <div className={styles.knowMore}>
+              <a href={data.url} target='_blank'>
+                <div>Know More</div>
+                <div className={styles.buttonImage}>
+                  <Image
+                    alt='button'
+                    src='/Events/event-button.svg'
+                    fill
+                    priority
+                  />
+                </div>
+              </a>
+            </div>
+          </div>
+          <div
+            className={`${styles.blockImageWrapper} ${
+              leftSideImage && styles.blockImageWrapperLeft
+            }`}
+          >
+            <div className={styles.blockImageCard}>
+              <Image src={data.image_url} fill alt='user provided image' />
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/package-lock.json b/package-lock.json
index 7082637..96f9c7c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "validator": "^13.9.0"
       },
       "devDependencies": {
+        "@types/react-modal": "^3.16.0",
         "eslint": "8.43.0",
         "eslint-config-next": "13.4.6"
       }
@@ -627,6 +628,15 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-modal": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz",
+      "integrity": "sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
diff --git a/package.json b/package.json
index 2508149..8f004bd 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "validator": "^13.9.0"
   },
   "devDependencies": {
+    "@types/react-modal": "^3.16.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.6"
   },
diff --git a/pages/admin.tsx b/pages/admin.tsx
index f3e2563..bb4e024 100644
--- a/pages/admin.tsx
+++ b/pages/admin.tsx
@@ -1,7 +1,6 @@
 import { useSession } from 'next-auth/react'
 import AdminMembers from '@/components/Admins/AdminMember'
 import Hero from '@/components/Hero/Hero'
-import Image from 'next/image'
 
 const admin = () => {
   const { data: session } = useSession()
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index 1fb56a4..3218813 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -1,18 +1,11 @@
 import React, { useState, useEffect } from 'react'
 import Modal from 'react-modal'
 import axios from 'axios'
-import Block from '@/components/Block/Block'
+import BlockAdmin from '@/components/Block/BlockAdmin'
 import styles from './../../app/events/page.module.css'
 
 const Events = () => {
-  const [eventData, setEventData] = useState({
-    title: '',
-    description: '',
-    start_month: 'January',
-    url: '',
-  })
   const [events, setEvents] = useState([])
-  const [modalIsOpen, setModalIsOpen] = useState(false)
 
   useEffect(() => {
     axios.get('/api/events').then(response => {
@@ -20,104 +13,11 @@ const Events = () => {
     })
   }, [])
 
-  const handleInputChange = e => {
-    const { name, value } = e.target
-    setEventData(prevData => ({
-      ...prevData,
-      [name]: value,
-    }))
-  }
-
-  const handleAddEvent = async () => {
-    try {
-      const createdEvent = await axios.post('/api/events', eventData)
-
-      console.log('Event added to database:', createdEvent.data)
-      setModalIsOpen(false)
-      setEventData({
-        title: '',
-        description: '',
-        start_month: 'January',
-        url: '',
-      })
-    } catch (error) {
-      console.error('Error adding event to database:', error)
-    }
-  }
-
   return (
     <div>
-      <button
-        style={{
-          position: 'relative',
-          // bottom: '10px', // Adjust as needed
-          // right: '10px', // Adjust as needed
-          zIndex: '100', // Ensure the button is on top
-          backgroundColor: 'red',
-        }}
-        onClick={() => setModalIsOpen(true)}
-      >
-        Add Event
-      </button>
-
       <div className={styles.eventsWrapper}>
-        <Block title='Events' blocksData={events} />
+        <BlockAdmin title='Events' blocksData={events} />
       </div>
-
-      <Modal
-        isOpen={modalIsOpen}
-        onRequestClose={() => setModalIsOpen(false)}
-        style={{
-          content: {
-            margin: 'auto',
-            dispaly: 'block',
-            backgroundColor: 'green',
-            maxHeight: '70%', // Adjust the value as needed
-          },
-        }}
-      >
-        <h2>Add Event</h2>
-        <input
-          type='text'
-          name='title'
-          placeholder='Event Title'
-          value={eventData.title}
-          onChange={handleInputChange}
-        />
-        <textarea
-          name='description'
-          placeholder='Event Description'
-          value={eventData.description}
-          onChange={handleInputChange}
-        />
-        <select
-          name='start_month'
-          value={eventData.start_month}
-          onChange={handleInputChange}
-        >
-          <option value='January'>January</option>
-          <option value='February'>February</option>
-          <option value='March'>March</option>
-          <option value='April'>April</option>
-          <option value='May'>May</option>
-          <option value='June'>June</option>
-          <option value='July'>July</option>
-          <option value='August'>August</option>
-          <option value='September'>September</option>
-          <option value='October'>October</option>
-          <option value='November'>November</option>
-          <option value='December'>December</option>
-        </select>
-        <input
-          type='text'
-          name='url'
-          placeholder='Event URL'
-          value={eventData.url}
-          onChange={handleInputChange}
-        />
-        <button onClick={handleAddEvent}>Add Event</button>
-        <button onClick={() => setModalIsOpen(false)}>Close</button>
-      </Modal>
     </div>
   )
 }
diff --git a/pages/api/events.js b/pages/api/events.js
index 161018d..9ab3347 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -25,6 +25,37 @@ export default async function handler(req, res) {
       console.error('Error adding event to database:', error)
       res.status(500).json({ error: 'Internal server error' })
     }
+  } else if (req.method === 'PUT') {
+    const { id, ...eventData } = req.body
+
+    try {
+      const updatedEvent = await prisma.event.update({
+        where: { id },
+        data: eventData,
+      })
+
+      console.log('Event updated in database:', updatedEvent)
+      res.status(200).json(updatedEvent)
+    } catch (error) {
+      console.error('Error updating event in database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'DELETE') {
+    const eventId = req.query.id
+
+    try {
+      await prisma.event.delete({
+        where: {
+          id: eventId,
+        },
+      })
+
+      console.log('Event deleted from database')
+      res.status(204).send()
+    } catch (error) {
+      console.error('Error deleting event from database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
   } else {
     res.status(405).json({ error: 'Method not allowed' })
   }
diff --git a/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql b/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql
new file mode 100644
index 0000000..368d5cb
--- /dev/null
+++ b/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql
@@ -0,0 +1,5 @@
+-- AlterTable
+ALTER TABLE "Event" ADD COLUMN     "image_url" TEXT NOT NULL DEFAULT '';
+
+-- AlterTable
+ALTER TABLE "Project" ADD COLUMN     "image_url" TEXT NOT NULL DEFAULT '';
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 652ed41..b1008c2 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -122,6 +122,7 @@ model Event {
   description String
   start_month Month // Store the month as an enum
   url         String // URL for event details
+  image_url   String   @default("") // URL for project image
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
@@ -132,6 +133,7 @@ model Project {
   description String
   start_month Month // Store the start month as an enum
   url         String // URL for project details
+  image_url   String   @default("") // URL for project image
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
diff --git a/types/Block/blockCard.types.ts b/types/Block/blockCard.types.ts
index 3704ac6..8edf7a0 100644
--- a/types/Block/blockCard.types.ts
+++ b/types/Block/blockCard.types.ts
@@ -1,9 +1,10 @@
 export interface ind_block_data {
-  heading: string
-  content: string
-  knowMoreLink: string
-  image: string
-  time?: string
+  id: string
+  title: string
+  description: string
+  url: string
+  image_url: string
+  start_month: string
 }
 
 export default interface blocksData extends Array<ind_block_data> {}
diff --git a/yarn.lock b/yarn.lock
index c6eebca..f10379e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -299,6 +299,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-modal@^3.16.0":
+  version "3.16.0"
+  resolved "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz"
+  integrity sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@18.2.7":
   version "18.2.7"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.7.tgz"

From 81b18156778e0e9138ab07374bca4f2a6a5c3c2c Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 19:38:28 +0530
Subject: [PATCH 08/40] add events working

---
 components/Block/BlockAdmin.jsx               | 145 +++++++++++++
 components/Block/BlockAdmin.tsx               | 193 ------------------
 ...{BlockCardAdmin.tsx => BlockCardAdmin.jsx} |  26 +--
 next.config.js                                |   2 +-
 pages/admin/events.jsx                        |   9 +-
 tsconfig.json                                 |   4 +-
 6 files changed, 168 insertions(+), 211 deletions(-)
 create mode 100644 components/Block/BlockAdmin.jsx
 delete mode 100644 components/Block/BlockAdmin.tsx
 rename components/Block/BlockCard/{BlockCardAdmin.tsx => BlockCardAdmin.jsx} (84%)

diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
new file mode 100644
index 0000000..348c987
--- /dev/null
+++ b/components/Block/BlockAdmin.jsx
@@ -0,0 +1,145 @@
+import React, { useState, useEffect } from 'react'
+import styles from './Block.module.css'
+import BlockCardAdmin from './BlockCard/BlockCardAdmin'
+import Modal from 'react-modal'
+import axios from 'axios'
+
+const Block = ({ title, events, getEvents }) => {
+  const [open, setOpen] = useState(false)
+  const [eventData, setEventData] = useState({
+    title: '',
+    description: '',
+    start_month: '',
+    url: '',
+    image_url: '',
+  })
+  const handleInputChange = event => {
+    const { name, value } = event.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      await axios.post('/api/events', eventData)
+      handleClose()
+      getEvents()
+      setEventData({
+        title: '',
+        description: '',
+        start_month: '',
+        url: '',
+        image_url: '',
+      })
+    } catch (error) {
+      console.error('Error adding event:', error)
+    }
+  }
+  const handleOpen = () => {
+    setOpen(true)
+  }
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
+  return (
+    <div id='blocksId' className={styles.blocksWrapper}>
+      <div className={`${styles.blocksMain} page-wrapper`}>
+        <div className={styles.blocksHeading}>
+          <div className={styles.text_block}>
+            <h2>{title}</h2>
+          </div>
+        </div>
+        <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
+          Add Event
+        </button>
+        <Modal
+          isOpen={open}
+          onRequestClose={handleClose}
+          style={{
+            // change to separate css file
+            overlay: {
+              position: 'fixed',
+              height: '70%',
+              width: '70%',
+              backgroundColor: 'green',
+              zIndex: '100',
+              top: '50%',
+              left: '50%',
+              transform: 'translate(-50%, -50%)',
+
+              borderRadius: '10px',
+            },
+          }}
+        >
+          <h2>Add New Event</h2>
+          <input
+            type='text'
+            name='title'
+            value={eventData.title}
+            onChange={handleInputChange}
+            placeholder='Event Title'
+          />
+          <input
+            type='text'
+            name='description'
+            value={eventData.description}
+            onChange={handleInputChange}
+            placeholder='Event Description'
+          />
+          <select
+            value={eventData.start_month}
+            onChange={handleInputChange}
+            name='start_month'
+          >
+            <option value=''>Select Month</option>
+            <option value='January'>January</option>
+            <option value='February'>February</option>
+            <option value='March'>March</option>
+            <option value='April'>April</option>
+            <option value='May'>May</option>
+            <option value='June'>June</option>
+            <option value='July'>July</option>
+            <option value='August'>August</option>
+            <option value='September'>September</option>
+            <option value='October'>October</option>
+            <option value='November'>November</option>
+            <option value='December'>December</option>
+          </select>
+          <input
+            type='text'
+            name='url'
+            value={eventData.url}
+            onChange={handleInputChange}
+            placeholder='Event URL'
+          />
+          <input
+            type='text'
+            name='image_url'
+            value={eventData.image_url}
+            onChange={handleInputChange}
+            placeholder='Image URL'
+          />
+          <button onClick={handleAddEvent}>Add Event</button>
+          <button onClick={handleClose}>Cancel</button>
+        </Modal>
+        <div className={styles.blocksCardWrapper}>
+          {events.map((data, index) => (
+            <BlockCardAdmin
+              data={data}
+              getEvents={getEvents}
+              key={index}
+              number={index + 1}
+              leftSideImage={index % 2 === 0}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Block
diff --git a/components/Block/BlockAdmin.tsx b/components/Block/BlockAdmin.tsx
deleted file mode 100644
index 424846f..0000000
--- a/components/Block/BlockAdmin.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import Modal from 'react-modal'
-import axios from 'axios'
-import BlockCardAdmin from './BlockCard/BlockCardAdmin'
-import styles from './Block.module.css'
-
-interface EventData {
-  id: string
-  title: string
-  description: string
-  start_month: string
-  url: string
-  image_url: string
-}
-
-interface Props {
-  title: string
-  blocksData: EventData[]
-  onEdit: (editedData: EventData) => void
-  onDelete: (id: string) => void
-}
-
-export default function BlockAdmin({
-  title,
-  blocksData,
-  onEdit,
-  onDelete,
-}: Props) {
-  const [eventData, setEventData] = useState<EventData>({
-    id: '',
-    title: '',
-    description: '',
-    start_month: 'January',
-    url: '',
-    image_url: '',
-  })
-
-  const [modalIsOpen, setModalIsOpen] = useState(false)
-  const [editingEvent, setEditingEvent] = useState<EventData | null>(null)
-
-  useEffect(() => {
-    if (editingEvent) {
-      setEventData(editingEvent)
-    }
-  }, [editingEvent])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >,
-  ) => {
-    const { name, value } = e.target
-    setEventData(prevData => ({
-      ...prevData,
-      [name]: value,
-    }))
-  }
-
-  const handleEdit = (editedData: EventData) => {
-    setEditingEvent(editedData)
-    setModalIsOpen(true)
-  }
-
-  const handleDelete = async (eventId: string) => {
-    try {
-      await axios.delete(`/api/events/${eventId}`)
-      fetchEvents()
-    } catch (error) {
-      console.error('Error deleting event:', error)
-    }
-  }
-
-  const handleAddEvent = async () => {
-    try {
-      if (editingEvent) {
-        const updatedEvent = await axios.put(`/api/events/${editingEvent.id}`, {
-          ...eventData,
-        })
-        onEdit(updatedEvent.data)
-      } else {
-        const createdEvent = await axios.post('/api/events', eventData)
-        console.log('Event added to database:', createdEvent.data)
-      }
-      setModalIsOpen(false)
-      setEventData({
-        id: '',
-        title: '',
-        description: '',
-        start_month: 'January',
-        url: '',
-        image_url: '',
-      })
-      setEditingEvent(null)
-    } catch (error) {
-      console.error('Error adding/editing event:', error)
-    }
-  }
-
-  const fetchEvents = async () => {
-    try {
-      const response = await axios.get('/api/events')
-      setEventData(response.data)
-    } catch (error) {
-      console.error('Error fetching events:', error)
-    }
-  }
-
-  return (
-    <div id='blocksId' className={styles.blocksWrapper}>
-      <div className={`${styles.blocksMain} page-wrapper`}>
-        <div className={styles.blocksHeading}>
-          <div className={styles.text_block}>
-            <h2>{title}</h2>
-          </div>
-        </div>
-        <button
-          style={{
-            position: 'relative',
-            zIndex: 100,
-            backgroundColor: 'red',
-          }}
-          onClick={() => setModalIsOpen(true)}
-        >
-          Add Event
-        </button>
-        <Modal
-          isOpen={modalIsOpen}
-          onRequestClose={() => setModalIsOpen(false)}
-          style={{
-            content: {
-              margin: 'auto',
-              backgroundColor: 'green',
-              maxHeight: '70%',
-              width: '70%',
-            },
-          }}
-        >
-          <h2>Add Event</h2>
-          <input
-            type='text'
-            name='title'
-            placeholder='Event Title'
-            value={eventData.title}
-            onChange={handleInputChange}
-          />
-          <textarea
-            name='description'
-            placeholder='Event Description'
-            value={eventData.description}
-            onChange={handleInputChange}
-          />
-          <select
-            name='start_month'
-            value={eventData.start_month}
-            onChange={handleInputChange}
-          >
-            <option value='January'>January</option>
-          </select>
-          <input
-            type='text'
-            name='url'
-            placeholder='Event URL'
-            value={eventData.url}
-            onChange={handleInputChange}
-          />
-          <input
-            type='text'
-            name='image_url'
-            placeholder='Image URL'
-            value={eventData.image_url}
-            onChange={handleInputChange}
-          />
-          <button onClick={handleAddEvent}>Add Event</button>
-          <button onClick={() => setModalIsOpen(false)}>Close</button>
-        </Modal>
-        <div className={styles.blocksCardWrapper}>
-          {blocksData.map((data, index) => {
-            return (
-              <BlockCardAdmin
-                data={data}
-                key={index}
-                number={index + 1}
-                leftSideImage={index % 2 === 0} // Adjust this condition
-                onEdit={handleEdit} // Pass the onEdit function
-                onDelete={handleDelete} // Pass the onDelete function
-              />
-            )
-          })}
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/components/Block/BlockCard/BlockCardAdmin.tsx b/components/Block/BlockCard/BlockCardAdmin.jsx
similarity index 84%
rename from components/Block/BlockCard/BlockCardAdmin.tsx
rename to components/Block/BlockCard/BlockCardAdmin.jsx
index 09fc0ab..36241fb 100644
--- a/components/Block/BlockCard/BlockCardAdmin.tsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,29 +1,21 @@
 import React from 'react'
 import Image from 'next/image'
-import { ind_block_data } from '@/types/Block/blockCard.types'
 import styles from './BlockCard.module.css'
 
-interface Props {
-  leftSideImage: boolean
-  data: ind_block_data
-  number: number
-  onEdit: (data: ind_block_data) => void
-  onDelete: (id: string) => void
-}
-
-export default function BlockCardAdmin({
+const BlockCardAdmin = ({
   leftSideImage,
   data,
   number,
   onEdit,
   onDelete,
-}: Props) {
+  getEvents,
+}) => {
   const handleEdit = () => {
     onEdit(data)
   }
 
   const handleDelete = () => {
-    onDelete(data.id)
+    onDelete(data)
   }
 
   return (
@@ -76,7 +68,13 @@ export default function BlockCardAdmin({
             }`}
           >
             <div className={styles.blockImageCard}>
-              <Image src={data.image_url} fill alt='user provided image' />
+              <Image
+                src={data.image_url}
+                fill
+                alt={
+                  'https://drive.google.com/file/d/1NvfHESPsWNBuLEu7s6pRXmeg7kaVf2iA/view?usp=drive_link'
+                }
+              />
             </div>
           </div>
         </div>
@@ -84,3 +82,5 @@ export default function BlockCardAdmin({
     </>
   )
 }
+
+export default BlockCardAdmin
diff --git a/next.config.js b/next.config.js
index 273cb88..3fa1575 100644
--- a/next.config.js
+++ b/next.config.js
@@ -2,7 +2,7 @@
 const nextConfig = {
   reactStrictMode: true,
   images: {
-    domains: ['drive.google.com', 'https://drive.google.com'],
+    domains: ['drive.google.com', 'https://drive.google.com', 'picsum.photos'],
   },
 }
 
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index 3218813..e109c3f 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import Modal from 'react-modal'
 import axios from 'axios'
 import BlockAdmin from '@/components/Block/BlockAdmin'
 import styles from './../../app/events/page.module.css'
@@ -7,16 +6,20 @@ import styles from './../../app/events/page.module.css'
 const Events = () => {
   const [events, setEvents] = useState([])
 
-  useEffect(() => {
+  const getEvents = () => {
     axios.get('/api/events').then(response => {
       setEvents(response.data)
     })
+  }
+
+  useEffect(() => {
+    getEvents()
   }, [])
 
   return (
     <div>
       <div className={styles.eventsWrapper}>
-        <BlockAdmin title='Events' blocksData={events} />
+        <BlockAdmin title='Events' events={events} getEvents={getEvents} />
       </div>
     </div>
   )
diff --git a/tsconfig.json b/tsconfig.json
index f7dd4b1..01624a1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -32,7 +32,9 @@
     "components/Block/BlockCard/BlockCard.jsx",
     "components/Block/Block.tsx",
     "pages/_app.js",
-    "pages/admin/events.jsx"
+    "pages/admin/events.jsx",
+    "components/Block/BlockAdmin.jsx",
+    "components/Block/BlockCard/BlockCardAdmin.jsx"
   ],
   "exclude": [
     "node_modules",

From 47c26eaaf3d2ba525a7346d07f374611fce9292a Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 23:09:41 +0530
Subject: [PATCH 09/40] saving..

---
 components/Block/BlockAdmin.jsx               | 23 +++++++++----------
 components/Block/BlockCard/BlockCardAdmin.jsx | 22 ++++++++++--------
 pages/api/events.js                           |  6 +++--
 3 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index 348c987..ef0ec66 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -9,7 +9,7 @@ const Block = ({ title, events, getEvents }) => {
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
-    start_month: '',
+    start_month: 'January',
     url: '',
     image_url: '',
   })
@@ -29,7 +29,7 @@ const Block = ({ title, events, getEvents }) => {
       setEventData({
         title: '',
         description: '',
-        start_month: '',
+        start_month: 'January',
         url: '',
         image_url: '',
       })
@@ -59,19 +59,19 @@ const Block = ({ title, events, getEvents }) => {
         <Modal
           isOpen={open}
           onRequestClose={handleClose}
+          shouldCloseOnOverlayClick={true}
           style={{
             // change to separate css file
             overlay: {
-              position: 'fixed',
-              height: '70%',
-              width: '70%',
-              backgroundColor: 'green',
               zIndex: '100',
-              top: '50%',
-              left: '50%',
-              transform: 'translate(-50%, -50%)',
-
-              borderRadius: '10px',
+            },
+            content: {
+              backgroundColor: 'green',
+              margin: 'auto',
+              width: '70%',
+              height: '80%',
+              justifyContent: 'center',
+              alignItems: 'center',
             },
           }}
         >
@@ -131,7 +131,6 @@ const Block = ({ title, events, getEvents }) => {
             <BlockCardAdmin
               data={data}
               getEvents={getEvents}
-              key={index}
               number={index + 1}
               leftSideImage={index % 2 === 0}
             />
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 36241fb..d8527e4 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,21 +1,23 @@
 import React from 'react'
 import Image from 'next/image'
 import styles from './BlockCard.module.css'
+import axios from 'axios'
 
-const BlockCardAdmin = ({
-  leftSideImage,
-  data,
-  number,
-  onEdit,
-  onDelete,
-  getEvents,
-}) => {
+const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
   const handleEdit = () => {
     onEdit(data)
   }
 
-  const handleDelete = () => {
-    onDelete(data)
+  const handleDelete = async () => {
+    try {
+      const eventId = data.id
+      console.log('eventId:', eventId)
+
+      await axios.delete('/api/events/', eventId)
+      getEvents()
+    } catch (error) {
+      console.error('Error deleting event:', error)
+    }
   }
 
   return (
diff --git a/pages/api/events.js b/pages/api/events.js
index 9ab3347..4865c20 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -3,6 +3,7 @@ import { PrismaClient } from '@prisma/client'
 const prisma = new PrismaClient()
 
 export default async function handler(req, res) {
+  console.log('req.method', req.method)
   if (req.method === 'GET') {
     try {
       const events = await prisma.event.findMany()
@@ -41,12 +42,13 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'DELETE') {
-    const eventId = req.query.id
+    const uid = req.body.id
+    console.log('eventId', uid)
 
     try {
       await prisma.event.delete({
         where: {
-          id: eventId,
+          id: uid,
         },
       })
 

From 2a7f817dd71cfbdf48cc4fdfb38f1004fb8dcb43 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 23:25:55 +0530
Subject: [PATCH 10/40] delete events done

---
 components/Block/BlockCard/BlockCardAdmin.jsx | 13 ++++++++++---
 pages/api/events.js                           |  6 ++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index d8527e4..a70ed0e 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -4,8 +4,15 @@ import styles from './BlockCard.module.css'
 import axios from 'axios'
 
 const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
-  const handleEdit = () => {
-    onEdit(data)
+  const handleEdit = async () => {
+    try {
+      const eventId = data.id
+      console.log('eventId:', eventId)
+      await axios.put(`/api/events/?eventId=${eventId}`, data)
+      getEvents()
+    } catch (error) {
+      console.error('Error editing event:', error)
+    }
   }
 
   const handleDelete = async () => {
@@ -13,7 +20,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       const eventId = data.id
       console.log('eventId:', eventId)
 
-      await axios.delete('/api/events/', eventId)
+      await axios.delete(`/api/events/?eventId=${eventId}`)
       getEvents()
     } catch (error) {
       console.error('Error deleting event:', error)
diff --git a/pages/api/events.js b/pages/api/events.js
index 4865c20..0623756 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -3,7 +3,6 @@ import { PrismaClient } from '@prisma/client'
 const prisma = new PrismaClient()
 
 export default async function handler(req, res) {
-  console.log('req.method', req.method)
   if (req.method === 'GET') {
     try {
       const events = await prisma.event.findMany()
@@ -42,13 +41,12 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'DELETE') {
-    const uid = req.body.id
-    console.log('eventId', uid)
+    const eventId = req.query.eventId
 
     try {
       await prisma.event.delete({
         where: {
-          id: uid,
+          id: eventId,
         },
       })
 

From a301f90b91c728e6d5cf95d85dbd83cdec210ba8 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 00:26:24 +0530
Subject: [PATCH 11/40] edit events done

---
 components/Block/BlockCard/BlockCardAdmin.jsx | 104 +++++++++++++++++-
 pages/api/events.js                           |   4 +-
 2 files changed, 102 insertions(+), 6 deletions(-)

diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index a70ed0e..6e5826d 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,15 +1,41 @@
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import Image from 'next/image'
 import styles from './BlockCard.module.css'
 import axios from 'axios'
+import Modal from 'react-modal'
 
 const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
+  const [open, setOpen] = useState(false)
+  const [eventData, setEventData] = useState({
+    title: data.title,
+    description: data.description,
+    start_month: data.start_month,
+    url: data.url,
+    image_url: data.image_url,
+  })
+
+  const handleInputChange = event => {
+    const { name, value } = event.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleOpen = () => {
+    setOpen(true)
+  }
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
   const handleEdit = async () => {
     try {
       const eventId = data.id
-      console.log('eventId:', eventId)
-      await axios.put(`/api/events/?eventId=${eventId}`, data)
+      await axios.put(`/api/events/?eventId=${eventId}`, eventData)
       getEvents()
+      handleClose()
     } catch (error) {
       console.error('Error editing event:', error)
     }
@@ -32,7 +58,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       <div className={styles.blockCardWrapper}>
         <div className={styles.blockCardMain}>
           <div>
-            <button onClick={handleEdit} style={{ backgroundColor: 'yellow' }}>
+            <button onClick={handleOpen} style={{ backgroundColor: 'yellow' }}>
               Edit
             </button>
             <button
@@ -41,6 +67,76 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
             >
               Delete
             </button>
+            <Modal
+              isOpen={open}
+              onRequestClose={handleClose}
+              shouldCloseOnOverlayClick={true}
+              style={{
+                // change to separate css file
+                overlay: {
+                  zIndex: '100',
+                },
+                content: {
+                  backgroundColor: 'green',
+                  margin: 'auto',
+                  width: '70%',
+                  height: '80%',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                },
+              }}
+            >
+              <h2>Edit Event</h2>
+              <input
+                type='text'
+                name='title'
+                value={eventData.title}
+                onChange={handleInputChange}
+                placeholder='Event Title'
+              />
+              <input
+                type='text'
+                name='description'
+                value={eventData.description}
+                onChange={handleInputChange}
+                placeholder='Event Description'
+              />
+              <select
+                value={eventData.start_month}
+                onChange={handleInputChange}
+                name='start_month'
+              >
+                <option value=''>Select Month</option>
+                <option value='January'>January</option>
+                <option value='February'>February</option>
+                <option value='March'>March</option>
+                <option value='April'>April</option>
+                <option value='May'>May</option>
+                <option value='June'>June</option>
+                <option value='July'>July</option>
+                <option value='August'>August</option>
+                <option value='September'>September</option>
+                <option value='October'>October</option>
+                <option value='November'>November</option>
+                <option value='December'>December</option>
+              </select>
+              <input
+                type='text'
+                name='url'
+                value={eventData.url}
+                onChange={handleInputChange}
+                placeholder='Event URL'
+              />
+              <input
+                type='text'
+                name='image_url'
+                value={eventData.image_url}
+                onChange={handleInputChange}
+                placeholder='Image URL'
+              />
+              <button onClick={handleEdit}>Edit Event</button>
+              <button onClick={handleClose}>Cancel</button>
+            </Modal>
           </div>
           <div
             className={`${styles.blockInfo} ${
diff --git a/pages/api/events.js b/pages/api/events.js
index 0623756..cb89a80 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -26,11 +26,11 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'PUT') {
+    const eventId = req.query.eventId
     const { id, ...eventData } = req.body
-
     try {
       const updatedEvent = await prisma.event.update({
-        where: { id },
+        where: { id: eventId },
         data: eventData,
       })
 

From e64182b21731ba729e5491aa0f78fec9b004798b Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 01:04:28 +0530
Subject: [PATCH 12/40] events done

---
 app/events/page.tsx | 26 +++++++++++++++++++-------
 package-lock.json   | 39 +++++++++++++++++++++++++++++++++++++++
 package.json        |  1 +
 tsconfig.json       |  4 +++-
 yarn.lock           | 34 ++++++++++++++++++++++++++++++++--
 5 files changed, 94 insertions(+), 10 deletions(-)

diff --git a/app/events/page.tsx b/app/events/page.tsx
index d55035d..51ae8c3 100644
--- a/app/events/page.tsx
+++ b/app/events/page.tsx
@@ -1,14 +1,26 @@
-import data from './data'
-import Block from '@/components/Block/Block'
+'use client'
 
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
 import styles from './page.module.css'
 
 export default function Events() {
+  const [eventsData, setEventsData] = useState([])
+
+  const getEvents = () => {
+    axios.get('/api/events').then(response => {
+      setEventsData(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getEvents()
+  }, [])
+
   return (
-    <>
-      <div className={styles.eventsWrapper}>
-        <Block title='Events' blocksData={data} />
-      </div>
-    </>
+    <div className={styles.eventsWrapper}>
+      <Block title='Events' blocksData={eventsData} />
+    </div>
   )
 }
diff --git a/package-lock.json b/package-lock.json
index 96f9c7c..e659cc4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-icons": "^4.10.1",
+        "react-interactions": "^0.0.8",
         "react-modal": "^3.16.1",
         "sharp": "^0.32.1",
         "tailwindcss": "3.3.2",
@@ -3740,6 +3741,11 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
       "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ=="
     },
+    "node_modules/node-waves": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz",
+      "integrity": "sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ=="
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4495,6 +4501,39 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-interactions": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/react-interactions/-/react-interactions-0.0.8.tgz",
+      "integrity": "sha512-uQ3rKwzaZzNKZtMPA1eULad1LMitErPfoLQGcR92bj654EMdzdtKnTqC+asmO1xQzgB3A9TGPGY6DweO5qE/gg==",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "gsap": "^1.20.3",
+        "node-waves": "^0.7.5",
+        "prop-types": "^15.5.10",
+        "react": "^16.0.0"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0"
+      }
+    },
+    "node_modules/react-interactions/node_modules/gsap": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-1.20.6.tgz",
+      "integrity": "sha512-XM2BdaoJP23KSg/u4FnsqVI+HI7/jcVZbHFU8JfzNLvPCF08yf4a/WRFP/lQ5gbWydpL7g/YKjPe/PMpw+5WJQ=="
+    },
+    "node_modules/react-interactions/node_modules/react": {
+      "version": "16.14.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
+      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index 8f004bd..38055dd 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
+    "react-interactions": "^0.0.8",
     "react-modal": "^3.16.1",
     "sharp": "^0.32.1",
     "tailwindcss": "3.3.2",
diff --git a/tsconfig.json b/tsconfig.json
index 01624a1..5e07954 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -34,7 +34,9 @@
     "pages/_app.js",
     "pages/admin/events.jsx",
     "components/Block/BlockAdmin.jsx",
-    "components/Block/BlockCard/BlockCardAdmin.jsx"
+    "components/Block/BlockCard/BlockCardAdmin.jsx",
+    "app/events/page.jsx",
+    "app/layout.jsx"
   ],
   "exclude": [
     "node_modules",
diff --git a/yarn.lock b/yarn.lock
index f10379e..7906f31 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -713,7 +713,7 @@ chownr@^1.1.1:
   resolved "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
-classnames@^2.2.6:
+classnames@^2.2.5, classnames@^2.2.6:
   version "2.3.2"
   resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz"
   integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
@@ -1593,6 +1593,11 @@ graphemer@^1.4.0:
   resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
+gsap@^1.20.3:
+  version "1.20.6"
+  resolved "https://registry.npmjs.org/gsap/-/gsap-1.20.6.tgz"
+  integrity sha512-XM2BdaoJP23KSg/u4FnsqVI+HI7/jcVZbHFU8JfzNLvPCF08yf4a/WRFP/lQ5gbWydpL7g/YKjPe/PMpw+5WJQ==
+
 gsap@^3.11.5:
   version "3.11.5"
   resolved "https://registry.npmjs.org/gsap/-/gsap-3.11.5.tgz"
@@ -2155,6 +2160,11 @@ node-releases@^2.0.12:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz"
   integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
 
+node-waves@^0.7.5:
+  version "0.7.6"
+  resolved "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz"
+  integrity sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ==
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -2507,7 +2517,7 @@ prisma@^4.15.0:
   dependencies:
     "@prisma/engines" "4.15.0"
 
-prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -2583,6 +2593,17 @@ react-indiana-drag-scroll@^2.2.0:
     debounce "^1.2.0"
     easy-bem "^1.1.1"
 
+react-interactions@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/react-interactions/-/react-interactions-0.0.8.tgz"
+  integrity sha512-uQ3rKwzaZzNKZtMPA1eULad1LMitErPfoLQGcR92bj654EMdzdtKnTqC+asmO1xQzgB3A9TGPGY6DweO5qE/gg==
+  dependencies:
+    classnames "^2.2.5"
+    gsap "^1.20.3"
+    node-waves "^0.7.5"
+    prop-types "^15.5.10"
+    react "^16.0.0"
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -2603,6 +2624,15 @@ react-modal@^3.16.1:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
+react@^16.0.0:
+  version "16.14.0"
+  resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"

From e501edd0c2f4c411dbcf87ebf367844d63301ad0 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 02:09:27 +0530
Subject: [PATCH 13/40] projects done

---
 app/events/page.tsx                           |  2 +-
 app/layout.tsx                                |  2 +-
 app/projects/page.tsx                         | 31 ++++++----
 components/AppBar/AppBar.tsx                  |  8 +--
 components/Block/BlockAdmin.jsx               | 11 ++--
 components/Block/BlockCard/BlockCardAdmin.jsx | 23 ++++---
 package.json                                  |  5 --
 pages/_app.tsx                                |  3 +-
 pages/admin/events.jsx                        |  9 ++-
 pages/admin/members.jsx                       |  4 ++
 pages/admin/members.tsx                       |  0
 pages/admin/project.tsx                       |  0
 pages/admin/projects.jsx                      | 35 +++++++++++
 pages/api/{ => admin}/events.js               |  8 +--
 pages/api/admin/members.js                    |  1 +
 pages/api/admin/prismaClient.js               |  6 ++
 pages/api/admin/projects.js                   | 60 +++++++++++++++++++
 tsconfig.json                                 |  4 +-
 18 files changed, 167 insertions(+), 45 deletions(-)
 create mode 100644 pages/admin/members.jsx
 delete mode 100644 pages/admin/members.tsx
 delete mode 100644 pages/admin/project.tsx
 create mode 100644 pages/admin/projects.jsx
 rename pages/api/{ => admin}/events.js (88%)
 create mode 100644 pages/api/admin/members.js
 create mode 100644 pages/api/admin/prismaClient.js
 create mode 100644 pages/api/admin/projects.js

diff --git a/app/events/page.tsx b/app/events/page.tsx
index 51ae8c3..9caae44 100644
--- a/app/events/page.tsx
+++ b/app/events/page.tsx
@@ -9,7 +9,7 @@ export default function Events() {
   const [eventsData, setEventsData] = useState([])
 
   const getEvents = () => {
-    axios.get('/api/events').then(response => {
+    axios.get('/api/admin/events').then(response => {
       setEventsData(response.data)
     })
   }
diff --git a/app/layout.tsx b/app/layout.tsx
index cb6c47c..1de26ab 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -9,7 +9,7 @@ const inter = Inter({ subsets: ['latin'] })
 
 export const metadata = {
   title: 'Coding Club Website',
-  description: 'Coded by Shubh Agarwal (https://github.com/ShubhAgarwal-dev)',
+  description: 'The official website of the Coding Club of IIT Dharwad',
 }
 
 interface RootLayoutProps {
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 1252344..fec910f 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -1,19 +1,26 @@
-import Block from '@/components/Block/Block'
-import data from './data'
+'use client'
 
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
 import styles from './page.module.css'
 
-export const metadata = {
-  title: 'Projects for Coding Club',
-  description: 'Coded by Shubh Agarwal (https://github.com/ShubhAgarwal-dev)',
-}
+export default function Events() {
+  const [eventsData, setEventsData] = useState([])
+
+  const getEvents = () => {
+    axios.get('/api/admin/projects').then(response => {
+      setEventsData(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getEvents()
+  }, [])
 
-export default function Project() {
   return (
-    <>
-      <div className={styles.projectWrapper}>
-        <Block title='Projects' blocksData={data} />
-      </div>
-    </>
+    <div className={styles.eventsWrapper}>
+      <Block title='Projects' blocksData={eventsData} />
+    </div>
   )
 }
diff --git a/components/AppBar/AppBar.tsx b/components/AppBar/AppBar.tsx
index c1f004c..d49abd2 100644
--- a/components/AppBar/AppBar.tsx
+++ b/components/AppBar/AppBar.tsx
@@ -49,14 +49,14 @@ export default function AppBar() {
                 active && styles.activeSidebar
               } font-sans`}
             >
-              {/* <div className={styles.option}>
-                <Link href='/' scroll={false}>
+              <div className={styles.option}>
+                {/* <Link href='/' scroll={false}>
                   <div>Home</div>
-                </Link>
+                </Link> */}
                 <Link href='/events' scroll={false}>
                   <div>Events</div>
                 </Link>
-              </div> */}
+              </div>
               <div className={styles.option}>
                 <Link href='/projects' scroll={false}>
                   <div>Projects</div>
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index ef0ec66..9198e1b 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -4,12 +4,13 @@ import BlockCardAdmin from './BlockCard/BlockCardAdmin'
 import Modal from 'react-modal'
 import axios from 'axios'
 
-const Block = ({ title, events, getEvents }) => {
+const Block = ({ title, events, getEvents, type }) => {
+  const typeText = type === 'events' ? 'Event' : 'Project'
   const [open, setOpen] = useState(false)
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
-    start_month: 'January',
+    start_month: '',
     url: '',
     image_url: '',
   })
@@ -23,7 +24,7 @@ const Block = ({ title, events, getEvents }) => {
 
   const handleAddEvent = async () => {
     try {
-      await axios.post('/api/events', eventData)
+      await axios.post(`/api/admin/${type}`, eventData)
       handleClose()
       getEvents()
       setEventData({
@@ -54,7 +55,7 @@ const Block = ({ title, events, getEvents }) => {
           </div>
         </div>
         <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
-          Add Event
+          Add {typeText}
         </button>
         <Modal
           isOpen={open}
@@ -133,6 +134,8 @@ const Block = ({ title, events, getEvents }) => {
               getEvents={getEvents}
               number={index + 1}
               leftSideImage={index % 2 === 0}
+              type={type}
+              typeText={typeText}
             />
           ))}
         </div>
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 6e5826d..852c182 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -4,7 +4,14 @@ import styles from './BlockCard.module.css'
 import axios from 'axios'
 import Modal from 'react-modal'
 
-const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
+const BlockCardAdmin = ({
+  leftSideImage,
+  data,
+  number,
+  getEvents,
+  type,
+  typeText,
+}) => {
   const [open, setOpen] = useState(false)
   const [eventData, setEventData] = useState({
     title: data.title,
@@ -33,7 +40,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
   const handleEdit = async () => {
     try {
       const eventId = data.id
-      await axios.put(`/api/events/?eventId=${eventId}`, eventData)
+      await axios.put(`/api/admin/${type}?eventId=${eventId}`, eventData)
       getEvents()
       handleClose()
     } catch (error) {
@@ -46,7 +53,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       const eventId = data.id
       console.log('eventId:', eventId)
 
-      await axios.delete(`/api/events/?eventId=${eventId}`)
+      await axios.delete(`/api/admin/${type}/?eventId=${eventId}`)
       getEvents()
     } catch (error) {
       console.error('Error deleting event:', error)
@@ -86,20 +93,20 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 },
               }}
             >
-              <h2>Edit Event</h2>
+              <h2>Edit {typeText}</h2>
               <input
                 type='text'
                 name='title'
                 value={eventData.title}
                 onChange={handleInputChange}
-                placeholder='Event Title'
+                placeholder={`Edit ${typeText}`}
               />
               <input
                 type='text'
                 name='description'
                 value={eventData.description}
                 onChange={handleInputChange}
-                placeholder='Event Description'
+                placeholder={`${typeText} Description`}
               />
               <select
                 value={eventData.start_month}
@@ -125,7 +132,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 name='url'
                 value={eventData.url}
                 onChange={handleInputChange}
-                placeholder='Event URL'
+                placeholder={`${typeText} URL`}
               />
               <input
                 type='text'
@@ -134,7 +141,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 onChange={handleInputChange}
                 placeholder='Image URL'
               />
-              <button onClick={handleEdit}>Edit Event</button>
+              <button onClick={handleEdit}>Edit {typeText}</button>
               <button onClick={handleClose}>Cancel</button>
             </Modal>
           </div>
diff --git a/package.json b/package.json
index 38055dd..ee066f6 100644
--- a/package.json
+++ b/package.json
@@ -48,10 +48,5 @@
     "@types/react-modal": "^3.16.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.6"
-  },
-  "author": {
-    "name": "Shubh Agarwal",
-    "email": "shubhagarwal539@gmail.com",
-    "url": "https://shubhagarwal-dev.github.io"
   }
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 5967e30..94fd0fe 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,7 +1,7 @@
 import { SessionProvider } from 'next-auth/react'
 import { AppProps } from 'next/app'
 import ProtectedLayout from '../app/protectedLayouts'
-import { ReactNode } from 'react' // Import ReactNode type
+import { ReactNode } from 'react'
 
 type AppPropsWithAuth = AppProps & {
   Component: {
@@ -13,7 +13,6 @@ export default function App({
   Component,
   pageProps,
 }: AppPropsWithAuth): JSX.Element {
-  // Explicitly specify return type
   return (
     <SessionProvider session={pageProps.session}>
       {Component.requireAuth ? (
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index e109c3f..5697959 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -7,7 +7,7 @@ const Events = () => {
   const [events, setEvents] = useState([])
 
   const getEvents = () => {
-    axios.get('/api/events').then(response => {
+    axios.get('/api/admin/events').then(response => {
       setEvents(response.data)
     })
   }
@@ -19,7 +19,12 @@ const Events = () => {
   return (
     <div>
       <div className={styles.eventsWrapper}>
-        <BlockAdmin title='Events' events={events} getEvents={getEvents} />
+        <BlockAdmin
+          title='Events'
+          events={events}
+          getEvents={getEvents}
+          type={'events'}
+        />
       </div>
     </div>
   )
diff --git a/pages/admin/members.jsx b/pages/admin/members.jsx
new file mode 100644
index 0000000..e6b0fd7
--- /dev/null
+++ b/pages/admin/members.jsx
@@ -0,0 +1,4 @@
+const Members = () => {
+  return <>hello members</>
+}
+export default Members
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/admin/project.tsx b/pages/admin/project.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/admin/projects.jsx b/pages/admin/projects.jsx
new file mode 100644
index 0000000..ab4d9a6
--- /dev/null
+++ b/pages/admin/projects.jsx
@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import BlockAdmin from '@/components/Block/BlockAdmin'
+import styles from './../../app/projects/page.module.css'
+
+const Projects = () => {
+  const [projects, setProjects] = useState([])
+
+  const getProjects = () => {
+    axios.get('/api/admin/projects').then(response => {
+      setProjects(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getProjects()
+  }, [])
+
+  return (
+    <div>
+      <div className={styles.eventsWrapper}>
+        <BlockAdmin
+          title='Projects'
+          events={projects}
+          getEvents={getProjects}
+          type={'projects'}
+        />
+      </div>
+    </div>
+  )
+}
+
+Projects.requireAuth = true
+
+export default Projects
diff --git a/pages/api/events.js b/pages/api/admin/events.js
similarity index 88%
rename from pages/api/events.js
rename to pages/api/admin/events.js
index cb89a80..9a71b07 100644
--- a/pages/api/events.js
+++ b/pages/api/admin/events.js
@@ -1,6 +1,4 @@
-import { PrismaClient } from '@prisma/client'
-
-const prisma = new PrismaClient()
+import prisma from './prismaClient'
 
 export default async function handler(req, res) {
   if (req.method === 'GET') {
@@ -19,7 +17,7 @@ export default async function handler(req, res) {
         data: eventData,
       })
 
-      console.log('Event added to database:', createdEvent)
+      console.log('Event added to database:')
       res.status(201).json(createdEvent)
     } catch (error) {
       console.error('Error adding event to database:', error)
@@ -34,7 +32,7 @@ export default async function handler(req, res) {
         data: eventData,
       })
 
-      console.log('Event updated in database:', updatedEvent)
+      console.log('Event updated in database')
       res.status(200).json(updatedEvent)
     } catch (error) {
       console.error('Error updating event in database:', error)
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
new file mode 100644
index 0000000..fb2ff00
--- /dev/null
+++ b/pages/api/admin/members.js
@@ -0,0 +1 @@
+import prisma from './prismaClient'
diff --git a/pages/api/admin/prismaClient.js b/pages/api/admin/prismaClient.js
new file mode 100644
index 0000000..3657854
--- /dev/null
+++ b/pages/api/admin/prismaClient.js
@@ -0,0 +1,6 @@
+// prisma.js
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export default prisma
diff --git a/pages/api/admin/projects.js b/pages/api/admin/projects.js
new file mode 100644
index 0000000..73196f2
--- /dev/null
+++ b/pages/api/admin/projects.js
@@ -0,0 +1,60 @@
+import prisma from './prismaClient'
+
+export default async function handler(req, res) {
+  if (req.method === 'GET') {
+    try {
+      const projects = await prisma.project.findMany()
+      res.status(200).json(projects)
+    } catch (error) {
+      console.error('Error fetching projects:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'POST') {
+    const eventData = req.body
+
+    try {
+      const createdEvent = await prisma.project.create({
+        data: eventData,
+      })
+
+      console.log('Event added to database:')
+      res.status(201).json(createdEvent)
+    } catch (error) {
+      console.error('Error adding project to database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'PUT') {
+    const eventId = req.query.eventId
+    const { id, ...eventData } = req.body
+    try {
+      const updatedEvent = await prisma.project.update({
+        where: { id: eventId },
+        data: eventData,
+      })
+
+      console.log('Event updated in database:')
+      res.status(200).json(updatedEvent)
+    } catch (error) {
+      console.error('Error updating project in database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'DELETE') {
+    const eventId = req.query.eventId
+
+    try {
+      await prisma.project.delete({
+        where: {
+          id: eventId,
+        },
+      })
+
+      console.log('Event deleted from database')
+      res.status(204).send()
+    } catch (error) {
+      console.error('Error deleting project from database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
index 5e07954..3c47d13 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,7 +36,9 @@
     "components/Block/BlockAdmin.jsx",
     "components/Block/BlockCard/BlockCardAdmin.jsx",
     "app/events/page.jsx",
-    "app/layout.jsx"
+    "app/layout.jsx",
+    "pages/admin/projects.jsx",
+    "pages/admin/members.jsx"
   ],
   "exclude": [
     "node_modules",

From ff151b8d28ae1bcfa53186d47e1dbd55d95854b1 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 15:42:33 +0530
Subject: [PATCH 14/40] some things need to be fixed

---
 app/members/page.tsx                          | 12 ++--
 pages/admin/members.jsx                       | 70 ++++++++++++++++++-
 pages/api/admin/members.js                    | 19 +++++
 .../migration.sql                             |  2 +
 .../20230819100702_chanegs/migration.sql      |  5 ++
 prisma/schema.prisma                          |  6 +-
 6 files changed, 100 insertions(+), 14 deletions(-)
 create mode 100644 prisma/migrations/20230819095253_changed_rollnumber_ot_string/migration.sql
 create mode 100644 prisma/migrations/20230819100702_chanegs/migration.sql

diff --git a/app/members/page.tsx b/app/members/page.tsx
index c777684..a88b02f 100644
--- a/app/members/page.tsx
+++ b/app/members/page.tsx
@@ -1,25 +1,21 @@
 'use client'
 
+import React, { useState, useRef, useEffect } from 'react'
 import { Tabs, type TabsRef } from 'flowbite-react'
 import Loading from '@/components/Loading/Loading'
 import InfoTable from '@/components/Table/InfoTable'
-import React, { useState, useRef, useEffect } from 'react'
-
 import styles from './page.module.css'
-
 import { FOSS } from '@/types/Members/foss.types'
 import { CP } from '@/types/Members/cp.types'
 import { GD } from '@/types/Members/gd.types'
 import { members } from '@/types/Members/members.types'
-
 import { SiBmcsoftware, SiCodeforces } from 'react-icons/si'
 import { IoGameController } from 'react-icons/io5'
 import { IoIosPeople } from 'react-icons/io'
 
 const MEMBERS_REVALIDATION_TIME = 60 * 60 * 12
-// Keep this very high in the deployed version
 
-const Page = async () => {
+const Page = () => {
   const [memArr, setMemArr] = useState<string[][]>([[]])
   const [cpArr, setCpArr] = useState<string[][]>([[]])
   const [gdArr, setGdArr] = useState<string[][]>([[]])
@@ -189,12 +185,12 @@ const Page = async () => {
               <Loading />
             )}
           </Tabs.Item>
-          <Tabs.Item title='Competetive Programming' icon={SiCodeforces}>
+          <Tabs.Item title='Competitive Programming' icon={SiCodeforces}>
             {cpArr ? (
               <InfoTable
                 headings={headings_cp}
                 row_data={cpArr}
-                table_heading='Competetive Programming'
+                table_heading='Competitive Programming'
               />
             ) : (
               <Loading />
diff --git a/pages/admin/members.jsx b/pages/admin/members.jsx
index e6b0fd7..ebf9001 100644
--- a/pages/admin/members.jsx
+++ b/pages/admin/members.jsx
@@ -1,4 +1,68 @@
-const Members = () => {
-  return <>hello members</>
+import React, { useState } from 'react'
+
+export default function Members() {
+  const [data, setData] = useState({
+    name: '',
+    roll_number: '',
+    wing: '',
+  })
+
+  const handleInputChange = event => {
+    const { name, value } = event.target
+    setData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleSubmit = async event => {
+    event.preventDefault()
+
+    const response = await fetch('/api/admin/members', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({
+        name: data.name,
+        roll_number: data.roll_number,
+        wing: data.wing,
+      }),
+    })
+
+    if (response.ok) {
+      console.log('Member added successfully')
+    } else {
+      console.error('Error adding member')
+    }
+  }
+
+  return (
+    <div>
+      <h1>Add Member</h1>
+      <input
+        type='text'
+        name='name'
+        value={data.name}
+        onChange={handleInputChange}
+        placeholder='Name'
+      />
+      <input
+        type='text'
+        name='roll_number'
+        value={data.roll_number}
+        onChange={handleInputChange}
+        placeholder='Roll Number'
+      />
+      <input
+        type='text'
+        name='wing'
+        value={data.wing}
+        onChange={handleInputChange}
+        placeholder='Wing'
+      />
+
+      <button onClick={handleSubmit}>Add Member</button>
+    </div>
+  )
 }
-export default Members
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
index fb2ff00..62d0cd5 100644
--- a/pages/api/admin/members.js
+++ b/pages/api/admin/members.js
@@ -1 +1,20 @@
 import prisma from './prismaClient'
+
+export default async function handler(req, res) {
+  if (req.method === 'POST') {
+    try {
+      const data = req.body
+
+      const newMember = await prisma.members.create({
+        data: data,
+      })
+
+      res.status(201).json(newMember)
+    } catch (error) {
+      console.error('Error adding member:', error)
+      res.status(500).json({ error: 'Could not add member' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/prisma/migrations/20230819095253_changed_rollnumber_ot_string/migration.sql b/prisma/migrations/20230819095253_changed_rollnumber_ot_string/migration.sql
new file mode 100644
index 0000000..b76eba3
--- /dev/null
+++ b/prisma/migrations/20230819095253_changed_rollnumber_ot_string/migration.sql
@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Members" ALTER COLUMN "roll_number" SET DATA TYPE TEXT;
diff --git a/prisma/migrations/20230819100702_chanegs/migration.sql b/prisma/migrations/20230819100702_chanegs/migration.sql
new file mode 100644
index 0000000..03422e4
--- /dev/null
+++ b/prisma/migrations/20230819100702_chanegs/migration.sql
@@ -0,0 +1,5 @@
+-- AlterTable
+ALTER TABLE "CodeforcesLeaderBoard" ALTER COLUMN "rollNumber" SET DATA TYPE TEXT;
+
+-- AlterTable
+ALTER TABLE "LeetCodeLeaderBoard" ALTER COLUMN "rollNumber" SET DATA TYPE TEXT;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index b1008c2..af7d54c 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -14,7 +14,7 @@ datasource db {
 model Members {
   id          String      @id @default(uuid())
   name        String
-  roll_number Int         @unique
+  roll_number String      @unique
   wing        Wing
   created_at  DateTime    @default(now())
   updated_at  DateTime    @updatedAt
@@ -77,7 +77,7 @@ enum Role {
 model CodeforcesLeaderBoard {
   id              String   @id @default(uuid())
   name            String
-  rollNumber      BigInt   @unique
+  rollNumber      String   @unique
   userHandle      String   @unique
   rating          Int
   contests        Int
@@ -91,7 +91,7 @@ model CodeforcesLeaderBoard {
 model LeetCodeLeaderBoard {
   id         String   @id @default(uuid())
   name       String
-  rollNumber BigInt   @unique
+  rollNumber String   @unique
   userHandle String   @unique
   ranking    Int
   stars      Int

From 58b80707074eace96a7ee322fab83dc66171058e Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sun, 20 Aug 2023 18:11:05 +0530
Subject: [PATCH 15/40] just saving

---
 pages/admin/members.jsx |  68 ---------
 pages/admin/members.tsx | 324 ++++++++++++++++++++++++++++++++++++++++
 prisma/schema.prisma    |  13 +-
 tsconfig.json           |   2 +-
 4 files changed, 331 insertions(+), 76 deletions(-)
 delete mode 100644 pages/admin/members.jsx
 create mode 100644 pages/admin/members.tsx

diff --git a/pages/admin/members.jsx b/pages/admin/members.jsx
deleted file mode 100644
index ebf9001..0000000
--- a/pages/admin/members.jsx
+++ /dev/null
@@ -1,68 +0,0 @@
-import React, { useState } from 'react'
-
-export default function Members() {
-  const [data, setData] = useState({
-    name: '',
-    roll_number: '',
-    wing: '',
-  })
-
-  const handleInputChange = event => {
-    const { name, value } = event.target
-    setData(prevData => ({
-      ...prevData,
-      [name]: value,
-    }))
-  }
-
-  const handleSubmit = async event => {
-    event.preventDefault()
-
-    const response = await fetch('/api/admin/members', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        name: data.name,
-        roll_number: data.roll_number,
-        wing: data.wing,
-      }),
-    })
-
-    if (response.ok) {
-      console.log('Member added successfully')
-    } else {
-      console.error('Error adding member')
-    }
-  }
-
-  return (
-    <div>
-      <h1>Add Member</h1>
-      <input
-        type='text'
-        name='name'
-        value={data.name}
-        onChange={handleInputChange}
-        placeholder='Name'
-      />
-      <input
-        type='text'
-        name='roll_number'
-        value={data.roll_number}
-        onChange={handleInputChange}
-        placeholder='Roll Number'
-      />
-      <input
-        type='text'
-        name='wing'
-        value={data.wing}
-        onChange={handleInputChange}
-        placeholder='Wing'
-      />
-
-      <button onClick={handleSubmit}>Add Member</button>
-    </div>
-  )
-}
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
new file mode 100644
index 0000000..4ec71ae
--- /dev/null
+++ b/pages/admin/members.tsx
@@ -0,0 +1,324 @@
+import React, { useState, useRef, useEffect } from 'react'
+import axios from 'axios'
+import { Tabs, type TabsRef } from 'flowbite-react'
+import Loading from '@/components/Loading/Loading'
+import InfoTable from '@/components/Table/InfoTable'
+import styles from './../../app/members/page.module.css'
+import { FOSS } from '@/types/Members/foss.types'
+import { CP } from '@/types/Members/cp.types'
+import { GD } from '@/types/Members/gd.types'
+import { members } from '@/types/Members/members.types'
+import { SiBmcsoftware, SiCodeforces } from 'react-icons/si'
+import { IoGameController } from 'react-icons/io5'
+import { IoIosPeople } from 'react-icons/io'
+import Modal from 'react-modal'
+
+const MEMBERS_REVALIDATION_TIME = 60 * 60 * 12
+
+interface FormData {
+  name: string
+  roll_number: string
+  wing: string
+}
+
+const Page = () => {
+  const [memArr, setMemArr] = useState<string[][]>([[]])
+  const [cpArr, setCpArr] = useState<string[][]>([[]])
+  const [gdArr, setGdArr] = useState<string[][]>([[]])
+  const [fossArr, SetFossArr] = useState<string[][]>([[]])
+  const [activeTab, setActiveTab] = useState<number>(0)
+  const tabsRef = useRef<TabsRef>(null)
+  const props = { setActiveTab, tabsRef }
+
+  const [isModalVisible, setIsModalVisible] = useState(false)
+  const [formData, setFormData] = useState<FormData>({
+    name: '',
+    roll_number: '',
+    wing: 'FOSS',
+  })
+
+  const handleOpen = () => {
+    setIsModalVisible(true)
+  }
+
+  const handleClose = () => {
+    setIsModalVisible(false)
+  }
+
+  const handleFormChange = (
+    e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>,
+  ) => {
+    const { name, value } = e.target
+    setFormData({
+      ...formData,
+      [name]: value,
+    })
+  }
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+
+    try {
+      const response = await axios.post('/api/admin/members', formData)
+      console.log(response.data)
+      fetchDataMembers()
+      fetchDataFoss()
+    } catch (error) {
+      console.error('Error adding member:', error)
+    }
+
+    handleClose()
+  }
+
+  const fetchDataMembers = async () => {
+    const res = await fetch(`/api/fetch/members`, {
+      next: {
+        revalidate: MEMBERS_REVALIDATION_TIME,
+      },
+      method: 'GET',
+    })
+    if (res.status !== 200) {
+      setMemArr([[]])
+    }
+    const data = await res.json()
+    const dict_data: members[] = JSON.parse(data.members)
+    const arr: string[][] = []
+    dict_data.forEach(element => {
+      arr.push(Object.values(element).map(e => e.toString()))
+    })
+    setMemArr(arr)
+  }
+
+  useEffect(() => {
+    fetchDataMembers()
+  }, [])
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const res = await fetch(`/api/fetch/cpmembers`, {
+        next: {
+          revalidate: MEMBERS_REVALIDATION_TIME,
+        },
+        method: 'GET',
+      })
+      if (res.status !== 200) {
+        setCpArr([[]])
+      }
+      const data = await res.json()
+      const cf_data: CP[] = JSON.parse(data.codeforces)
+      const lt_data: CP[] = JSON.parse(data.leetcode)
+      const arr: string[][] = []
+      cf_data.forEach(element => {
+        let new_ele = {
+          name: '',
+          roll_number: 0,
+          handle: '',
+        }
+        new_ele['name'] = element.member.name
+        new_ele['roll_number'] = element.member.roll_number
+        new_ele['handle'] = element.handle
+        arr.push(Object.values(new_ele).map(e => e.toString()))
+      })
+      lt_data.forEach(element => {
+        let new_ele = {
+          name: '',
+          roll_number: 0,
+          handle: '',
+        }
+        new_ele['name'] = element.member.name
+        new_ele['roll_number'] = element.member.roll_number
+        new_ele['handle'] = element.handle
+        arr.push(Object.values(new_ele).map(e => e.toString()))
+      })
+      setCpArr(arr)
+    }
+    fetchData()
+  }, [])
+
+  useEffect(() => {
+    const fetchData = async () => {
+      const res = await fetch(`/api/fetch/gdmembers`, {
+        next: {
+          revalidate: MEMBERS_REVALIDATION_TIME,
+        },
+        method: 'GET',
+      })
+      if (res.status !== 200) {
+        setGdArr([[]])
+      }
+      const data = await res.json()
+      const dict_data: GD[] = JSON.parse(data.gameDevMembers)
+      const arr: string[][] = []
+      dict_data.forEach(element => {
+        let new_ele = {
+          name: '',
+          roll_number: 0,
+          role: '',
+        }
+        new_ele['name'] = element.member.name
+        new_ele['roll_number'] = element.member.roll_number
+        new_ele['role'] = element.role
+        arr.push(Object.values(new_ele).map(e => e.toString()))
+      })
+      setGdArr(arr)
+    }
+    fetchData()
+  }, [])
+
+  const fetchDataFoss = async () => {
+    const res = await fetch(`/api/fetch/fossmembers`, {
+      next: {
+        revalidate: MEMBERS_REVALIDATION_TIME,
+      },
+      method: 'GET',
+    })
+    if (res.status !== 200) {
+      SetFossArr([[]])
+    }
+    const data = await res.json()
+    const dict_data: FOSS[] = JSON.parse(data.foss)
+    const arr: string[][] = []
+    dict_data.forEach(element => {
+      let new_ele = {
+        name: '',
+        roll_number: 0,
+        github_uname: '',
+      }
+      new_ele['name'] = element.member.name
+      new_ele['roll_number'] = element.member.roll_number
+      new_ele['github_uname'] = element.github_uname
+      arr.push(Object.values(new_ele).map(e => e.toString()))
+    })
+    SetFossArr(arr)
+  }
+  useEffect(() => {
+    fetchDataFoss()
+  }, [])
+
+  const headings_mem: string[] = ['Name', 'Roll Number', 'Wing']
+  const headings_foss: string[] = ['Name', 'Roll Number', 'GitHub ID']
+  const headings_cp: string[] = ['Name', 'Roll Number', 'handle']
+  const headings_gd: string[] = ['Name', 'Roll Number', 'Role']
+
+  return (
+    <>
+      <div className={styles.membersWrapper}>
+        <Modal
+          isOpen={isModalVisible}
+          onRequestClose={handleClose}
+          shouldCloseOnOverlayClick={true}
+          style={{
+            // change to separate css file
+            overlay: {
+              zIndex: '100',
+            },
+            content: {
+              backgroundColor: 'green',
+              margin: 'auto',
+              width: '70%',
+              height: '80%',
+              justifyContent: 'center',
+              alignItems: 'center',
+            },
+          }}
+        >
+          <form onSubmit={handleSubmit}>
+            <label>
+              Name:
+              <input
+                type='text'
+                name='name'
+                value={formData.name}
+                onChange={handleFormChange}
+              />
+            </label>
+            <br />
+            <label>
+              Roll Number:
+              <input
+                type='text'
+                name='roll_number'
+                value={formData.roll_number}
+                onChange={handleFormChange}
+              />
+            </label>
+            <br />
+            <label>
+              Wing:
+              <select
+                name='wing'
+                value={formData.wing}
+                onChange={handleFormChange}
+              >
+                <option value='FOSS'>FOSS</option>
+                <option value='GAME_DEV'>Game Dev</option>
+                <option value='CP'>Competitive Programming</option>
+              </select>
+            </label>
+            <br />
+            <button type='submit'>Submit</button>
+          </form>
+        </Modal>
+        <Tabs.Group
+          aria-label='Default tabs'
+          style='default'
+          ref={props.tabsRef}
+          className='bg-transparent px-4 pt-2 sm:pt-6'
+          onActiveTabChange={tab => props.setActiveTab(tab)}
+        >
+          <Tabs.Item active title='Members' icon={IoIosPeople}>
+            {memArr ? (
+              <>
+                <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
+                  Add Data
+                </button>
+                <InfoTable
+                  headings={headings_mem}
+                  row_data={memArr}
+                  table_heading='Members'
+                />
+              </>
+            ) : (
+              <Loading />
+            )}
+          </Tabs.Item>
+          <Tabs.Item title='Free & Open Source Software' icon={SiBmcsoftware}>
+            {fossArr ? (
+              <InfoTable
+                headings={headings_foss}
+                row_data={fossArr}
+                table_heading='FOSS MEMBERS'
+              />
+            ) : (
+              <Loading />
+            )}
+          </Tabs.Item>
+          <Tabs.Item title='Competitive Programming' icon={SiCodeforces}>
+            {cpArr ? (
+              <InfoTable
+                headings={headings_cp}
+                row_data={cpArr}
+                table_heading='Competitive Programming'
+              />
+            ) : (
+              <Loading />
+            )}
+          </Tabs.Item>
+          <Tabs.Item title='Game Dev' icon={IoGameController}>
+            {gdArr ? (
+              <InfoTable
+                headings={headings_gd}
+                row_data={gdArr}
+                table_heading='Game Development'
+              />
+            ) : (
+              <Loading />
+            )}
+          </Tabs.Item>
+        </Tabs.Group>
+      </div>
+    </>
+  )
+}
+
+export default Page
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index af7d54c..60eb385 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -8,7 +8,6 @@ generator client {
 datasource db {
   provider = "postgresql"
   url      = env("DATABASE_URL")
-  // directUrl = env("DIRECT_URL")S
 }
 
 model Members {
@@ -120,9 +119,9 @@ model Event {
   id          String   @id @default(uuid())
   title       String
   description String
-  start_month Month // Store the month as an enum
-  url         String // URL for event details
-  image_url   String   @default("") // URL for project image
+  start_month Month
+  url         String
+  image_url   String   @default("")
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
@@ -131,9 +130,9 @@ model Project {
   id          String   @id @default(uuid())
   title       String
   description String
-  start_month Month // Store the start month as an enum
-  url         String // URL for project details
-  image_url   String   @default("") // URL for project image
+  start_month Month
+  url         String
+  image_url   String   @default("")
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
diff --git a/tsconfig.json b/tsconfig.json
index 3c47d13..c48881d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -38,7 +38,7 @@
     "app/events/page.jsx",
     "app/layout.jsx",
     "pages/admin/projects.jsx",
-    "pages/admin/members.jsx"
+    "pages/admin/members.tsx"
   ],
   "exclude": [
     "node_modules",

From 73108d7c6b1a45b5db4e868389697ec5b2dcca79 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Wed, 23 Aug 2023 20:47:55 +0530
Subject: [PATCH 16/40] just saving

---
 components/Table/InfoTable.tsx |  1 +
 pages/admin/members.tsx        | 71 ++++++++++++++++++++++++++++++++++
 pages/api/admin/members.js     | 32 ++++++++++++++-
 pages/api/fetch/members.ts     |  1 +
 prisma/schema.prisma           |  4 +-
 5 files changed, 105 insertions(+), 4 deletions(-)

diff --git a/components/Table/InfoTable.tsx b/components/Table/InfoTable.tsx
index f56c355..0e2d636 100644
--- a/components/Table/InfoTable.tsx
+++ b/components/Table/InfoTable.tsx
@@ -10,6 +10,7 @@ interface Props {
 }
 
 const InfoTable = ({ table_heading, headings, row_data }: Props) => {
+  // console.log(row_data)
   return (
     <>
       <div className={styles.headingWrapper}>
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
index 4ec71ae..b6ae8ce 100644
--- a/pages/admin/members.tsx
+++ b/pages/admin/members.tsx
@@ -19,6 +19,10 @@ interface FormData {
   name: string
   roll_number: string
   wing: string
+  github_id?: string
+  role?: string
+  leetCode_id?: string
+  codeForces_id?: string
 }
 
 const Page = () => {
@@ -35,6 +39,10 @@ const Page = () => {
     name: '',
     roll_number: '',
     wing: 'FOSS',
+    github_id: '',
+    role: 'DEVELOPER',
+    leetCode_id: '',
+    codeForces_id: '',
   })
 
   const handleOpen = () => {
@@ -200,6 +208,8 @@ const Page = () => {
   const headings_cp: string[] = ['Name', 'Roll Number', 'handle']
   const headings_gd: string[] = ['Name', 'Roll Number', 'Role']
 
+  console.log(memArr)
+
   return (
     <>
       <div className={styles.membersWrapper}>
@@ -253,8 +263,69 @@ const Page = () => {
                 <option value='FOSS'>FOSS</option>
                 <option value='GAME_DEV'>Game Dev</option>
                 <option value='CP'>Competitive Programming</option>
+                <option value='NETWORKING'>Networking</option>
+                <option value='CYBERSECURITY'>Cyber Security</option>
               </select>
             </label>
+            <br />
+            {formData.wing === 'FOSS' && (
+              <div>
+                <label>
+                  Git hub Id:
+                  <input
+                    type='text'
+                    name='github_id'
+                    value={formData.github_id}
+                    onChange={handleFormChange}
+                  />
+                </label>
+                <br />
+              </div>
+            )}
+            {formData.wing === 'GAME_DEV' && (
+              <div>
+                <label>
+                  Role :
+                  <select
+                    name='role'
+                    value={formData.role}
+                    onChange={handleFormChange}
+                  >
+                    <option value=' DEVELOPER'>Developer</option>
+                    <option value='ASSET_DES'>asset des</option>
+                    <option value='MUSIC_COMP'>music comp</option>
+                    <option value=' STORY_WRITING'>story writing</option>
+                    <option value='ENV_DES'>env des</option>
+                  </select>
+                </label>
+                <br />
+              </div>
+            )}
+            {formData.wing === 'CP' && (
+              <div>
+                <label>
+                  Leet code:
+                  <input
+                    type='text'
+                    name='leetCode_id'
+                    value={formData.leetCode_id}
+                    onChange={handleFormChange}
+                  />
+                </label>
+                <br />
+                <label>
+                  Code Forces:
+                  <input
+                    type='text'
+                    name='codeForces_id'
+                    value={formData.codeForces_id}
+                    onChange={handleFormChange}
+                  />
+                </label>
+                <br />
+              </div>
+            )}
+
             <br />
             <button type='submit'>Submit</button>
           </form>
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
index 62d0cd5..fb7c12a 100644
--- a/pages/api/admin/members.js
+++ b/pages/api/admin/members.js
@@ -3,11 +3,39 @@ import prisma from './prismaClient'
 export default async function handler(req, res) {
   if (req.method === 'POST') {
     try {
-      const data = req.body
+      const {
+        name,
+        roll_number,
+        wing,
+        github_id,
+        role,
+        leetCode_id,
+        codeForces_id,
+      } = req.body
 
+      console.log(req.body)
       const newMember = await prisma.members.create({
-        data: data,
+        data: {
+          name: name,
+          roll_number: roll_number,
+          wing: wing,
+        },
       })
+      if (newMember.wing === 'FOSS') {
+        const newFOSS = await prisma.fOSS.create({
+          data: {
+            github_uname: github_id,
+            member_id: newMember.id,
+          },
+        })
+      } else if (newMember.wing === 'GAME_DEV') {
+        const newGameDev = await prisma.gameDev.create({
+          data: {
+            role: role,
+            member_id: newMember.id,
+          },
+        })
+      }
 
       res.status(201).json(newMember)
     } catch (error) {
diff --git a/pages/api/fetch/members.ts b/pages/api/fetch/members.ts
index 6c78dad..797114a 100644
--- a/pages/api/fetch/members.ts
+++ b/pages/api/fetch/members.ts
@@ -16,6 +16,7 @@ export default async function handler(
           name: true,
           roll_number: true,
           wing: true,
+          id: true,
         },
       })
     } catch (error) {
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 60eb385..52d5a9c 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -46,14 +46,14 @@ model Leetcode {
 model GameDev {
   id        Int     @id @default(autoincrement())
   role      Role
-  member    Members @relation(fields: [member_id], references: [id])
+  member    Members @relation(fields: [member_id], references: [id], onDelete: Cascade)
   member_id String  @unique
 }
 
 model FOSS {
   id           Int     @id @default(autoincrement())
   github_uname String  @unique
-  member       Members @relation(fields: [member_id], references: [id])
+  member       Members @relation(fields: [member_id], references: [id], onDelete: Cascade)
   member_id    String  @unique
 }
 

From 4437321b0f84fd14532b236f97d1e6c503c02cd8 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Tue, 26 Sep 2023 23:45:42 +0530
Subject: [PATCH 17/40] just saving

---
 components/AppBar/AppBarAdmin.tsx             |   6 +-
 components/Table/IndividualCol.tsx            |  15 +
 package-lock.json                             | 757 +++++++++++++++++-
 package.json                                  |   4 +
 pages/admin/events.jsx                        |   2 +-
 pages/admin/members.tsx                       | 175 ++--
 pages/admin/projects.jsx                      |   2 +-
 pages/admin/register.tsx                      |   0
 pages/api/admin/members.js                    |  39 +-
 pages/api/codeforces.ts                       |   6 +-
 pages/api/leetcode.ts                         |   6 +-
 .../migration.sql                             |  11 +
 .../20230903090241_new/migration.sql          |  16 +
 .../20230903092903_new/migration.sql          |  11 +
 prisma/schema.prisma                          |  18 +-
 yarn.lock                                     | 434 +++++++++-
 16 files changed, 1386 insertions(+), 116 deletions(-)
 delete mode 100644 pages/admin/register.tsx
 create mode 100644 prisma/migrations/20230902171031_new_migrations/migration.sql
 create mode 100644 prisma/migrations/20230903090241_new/migration.sql
 create mode 100644 prisma/migrations/20230903092903_new/migration.sql

diff --git a/components/AppBar/AppBarAdmin.tsx b/components/AppBar/AppBarAdmin.tsx
index 2327159..05570a4 100644
--- a/components/AppBar/AppBarAdmin.tsx
+++ b/components/AppBar/AppBarAdmin.tsx
@@ -66,11 +66,7 @@ export default function AppBarAdmin() {
                   <div>Members</div>
                 </Link>
               </div>
-              <div className={styles.option}>
-                <Link href='/admin/register' scroll={false}>
-                  <div>Register</div>
-                </Link>
-              </div>
+
               {session && session.user && session.user.image ? (
                 <div className={styles.option} onClick={() => signOut()}>
                   <img
diff --git a/components/Table/IndividualCol.tsx b/components/Table/IndividualCol.tsx
index 483a427..d0a54d1 100644
--- a/components/Table/IndividualCol.tsx
+++ b/components/Table/IndividualCol.tsx
@@ -1,4 +1,6 @@
 import { it } from 'node:test'
+import DeleteIcon from '@mui/icons-material/Delete'
+import axios from 'axios'
 
 interface Props {
   data_items: string[]
@@ -6,6 +8,16 @@ interface Props {
 }
 
 const IndividualCol = ({ index_row, data_items }: Props) => {
+  const handleDelete = async (itemId: any) => {
+    try {
+      const response = await axios.delete(`/api/admin/members?id=${itemId}`)
+      // Handle success (e.g., remove the item from the UI)
+    } catch (error) {
+      console.error('Error deleting member:', error)
+      // Handle error (e.g., show an error message)
+    }
+  }
+
   return (
     <tr
       className='border-b bg-gray-800 odd:bg-gray-500 even:bg-gray-400'
@@ -22,6 +34,9 @@ const IndividualCol = ({ index_row, data_items }: Props) => {
             </th>
           )
         }
+        if (index === 3) {
+          return <DeleteIcon onClick={() => handleDelete(item)} />
+        }
         if (index === data_items.length - 1) {
           return <td className='px-6 py-4 md:px-10'>{item}</td>
         }
diff --git a/package-lock.json b/package-lock.json
index e659cc4..d3330b6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,10 @@
       "version": "0.1.1",
       "hasInstallScript": true,
       "dependencies": {
+        "@emotion/react": "^11.11.1",
+        "@emotion/styled": "^11.11.0",
+        "@mui/icons-material": "^5.14.7",
+        "@mui/material": "^5.14.7",
         "@prisma/client": "4.15.0",
         "@types/node": "^20.3.1",
         "@types/react": "18.2.7",
@@ -65,6 +69,186 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/@babel/code-frame/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz",
+      "integrity": "sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==",
+      "dependencies": {
+        "@babel/types": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz",
+      "integrity": "sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz",
+      "integrity": "sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz",
+      "integrity": "sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.5",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/@babel/highlight/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/@babel/runtime": {
       "version": "7.22.10",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz",
@@ -76,6 +260,19 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/types": {
+      "version": "7.22.11",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.22.11.tgz",
+      "integrity": "sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.22.5",
+        "@babel/helper-validator-identifier": "^7.22.5",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@cspotcode/source-map-support": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
@@ -96,6 +293,139 @@
         "@jridgewell/sourcemap-codec": "^1.4.10"
       }
     },
+    "node_modules/@emotion/babel-plugin": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz",
+      "integrity": "sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.16.7",
+        "@babel/runtime": "^7.18.3",
+        "@emotion/hash": "^0.9.1",
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/serialize": "^1.1.2",
+        "babel-plugin-macros": "^3.1.0",
+        "convert-source-map": "^1.5.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-root": "^1.1.0",
+        "source-map": "^0.5.7",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/cache": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz",
+      "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/sheet": "^1.2.2",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "stylis": "4.2.0"
+      }
+    },
+    "node_modules/@emotion/hash": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz",
+      "integrity": "sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ=="
+    },
+    "node_modules/@emotion/is-prop-valid": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz",
+      "integrity": "sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==",
+      "dependencies": {
+        "@emotion/memoize": "^0.8.1"
+      }
+    },
+    "node_modules/@emotion/memoize": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz",
+      "integrity": "sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA=="
+    },
+    "node_modules/@emotion/react": {
+      "version": "11.11.1",
+      "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz",
+      "integrity": "sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.11.0",
+        "@emotion/cache": "^11.11.0",
+        "@emotion/serialize": "^1.1.2",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+        "@emotion/utils": "^1.2.1",
+        "@emotion/weak-memoize": "^0.3.1",
+        "hoist-non-react-statics": "^3.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/serialize": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz",
+      "integrity": "sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==",
+      "dependencies": {
+        "@emotion/hash": "^0.9.1",
+        "@emotion/memoize": "^0.8.1",
+        "@emotion/unitless": "^0.8.1",
+        "@emotion/utils": "^1.2.1",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@emotion/sheet": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz",
+      "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA=="
+    },
+    "node_modules/@emotion/styled": {
+      "version": "11.11.0",
+      "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz",
+      "integrity": "sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==",
+      "dependencies": {
+        "@babel/runtime": "^7.18.3",
+        "@emotion/babel-plugin": "^11.11.0",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@emotion/serialize": "^1.1.2",
+        "@emotion/use-insertion-effect-with-fallbacks": "^1.0.1",
+        "@emotion/utils": "^1.2.1"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.0.0-rc.0",
+        "react": ">=16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@emotion/unitless": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz",
+      "integrity": "sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ=="
+    },
+    "node_modules/@emotion/use-insertion-effect-with-fallbacks": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz",
+      "integrity": "sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==",
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@emotion/utils": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz",
+      "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg=="
+    },
+    "node_modules/@emotion/weak-memoize": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz",
+      "integrity": "sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww=="
+    },
     "node_modules/@eslint-community/eslint-utils": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
@@ -281,6 +611,263 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
       "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
+    "node_modules/@mui/base": {
+      "version": "5.0.0-beta.13",
+      "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.13.tgz",
+      "integrity": "sha512-uC0l97pBspfDAp+iz2cJq8YZ8Sd9i73V77+WzUiOAckIVEyCm5dyVDZCCO2/phmzckVEeZCGcytybkjMQuhPQw==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@emotion/is-prop-valid": "^1.2.1",
+        "@floating-ui/react-dom": "^2.0.1",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.14.7",
+        "@popperjs/core": "^2.11.8",
+        "clsx": "^2.0.0",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/base/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/core-downloads-tracker": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.7.tgz",
+      "integrity": "sha512-sCWTUNElBPgB30iLvWe3PU7SIlTKZNf6/E/sko85iHVeHCM6WPkDw+y89CrZYjhFNmPqt2fIQM/pZu+rP2lFLA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      }
+    },
+    "node_modules/@mui/icons-material": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.7.tgz",
+      "integrity": "sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@mui/material": "^5.0.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.14.7.tgz",
+      "integrity": "sha512-jIZj9F7zMv6IlyaYDVv5M2Kp20jIX8c0kzuwteySHS/A0IvPVyomQEPtWc51MCbpDNCqzwoZUp3rQtA2lI8k7A==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@mui/base": "5.0.0-beta.13",
+        "@mui/core-downloads-tracker": "^5.14.7",
+        "@mui/system": "^5.14.7",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.14.7",
+        "@types/react-transition-group": "^4.4.6",
+        "clsx": "^2.0.0",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0",
+        "react-transition-group": "^4.4.5"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/material/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
+    "node_modules/@mui/private-theming": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.7.tgz",
+      "integrity": "sha512-Y86+hmDnJab2Ka42PgxKpK3oL7EiacbeeX3X/lG9LGO0wSc45wZjHeTfIlVSkkUCkexiMKEJp5NlSjZhr27NRQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@mui/utils": "^5.14.7",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/styled-engine": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.7.tgz",
+      "integrity": "sha512-hKBETEDsIAkL8/mBwPiQj/vw28OeIhMXC3Tvj4J2bb9snxAKpiZioR1PwqP+6P41twsC/GKBd0Vr9oaWYaHuMg==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@emotion/cache": "^11.11.0",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.4.1",
+        "@emotion/styled": "^11.3.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/system": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.14.7.tgz",
+      "integrity": "sha512-jeZtHglc+Pi6qjGoopT6O4RqYXVBMqHVOsjMGP0hxGSSPm1T4gsAu7jU8eqGx9YwwjvvJ0eotTjFqw7iJ6qE2Q==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@mui/private-theming": "^5.14.7",
+        "@mui/styled-engine": "^5.14.7",
+        "@mui/types": "^7.2.4",
+        "@mui/utils": "^5.14.7",
+        "clsx": "^2.0.0",
+        "csstype": "^3.1.2",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "@emotion/react": "^11.5.0",
+        "@emotion/styled": "^11.3.0",
+        "@types/react": "^17.0.0 || ^18.0.0",
+        "react": "^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/react": {
+          "optional": true
+        },
+        "@emotion/styled": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/types": {
+      "version": "7.2.4",
+      "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz",
+      "integrity": "sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==",
+      "peerDependencies": {
+        "@types/react": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@mui/utils": {
+      "version": "5.14.7",
+      "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-5.14.7.tgz",
+      "integrity": "sha512-RtheP/aBoPogVdi8vj8Vo2IFnRa4mZVmnD0RGlVZ49yF60rZs+xP4/KbpIrTr83xVs34QmHQ2aQ+IX7I0a0dDw==",
+      "dependencies": {
+        "@babel/runtime": "^7.22.10",
+        "@types/prop-types": "^15.7.5",
+        "@types/react-is": "^18.2.1",
+        "prop-types": "^15.8.1",
+        "react-is": "^18.2.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mui"
+      },
+      "peerDependencies": {
+        "react": "^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/@mui/utils/node_modules/react-is": {
+      "version": "18.2.0",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz",
+      "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
+    },
     "node_modules/@next/env": {
       "version": "13.4.4",
       "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz",
@@ -606,6 +1193,11 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz",
       "integrity": "sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg=="
     },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -629,6 +1221,14 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-is": {
+      "version": "18.2.1",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz",
+      "integrity": "sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/react-modal": {
       "version": "3.16.0",
       "resolved": "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz",
@@ -638,6 +1238,14 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.6",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz",
+      "integrity": "sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
@@ -1082,6 +1690,20 @@
       "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
       "integrity": "sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw=="
     },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1261,7 +1883,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -1361,6 +1982,14 @@
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="
     },
+    "node_modules/clsx": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz",
+      "integrity": "sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/codeforces-api-ts": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/codeforces-api-ts/-/codeforces-api-ts-2.0.1.tgz",
@@ -1432,6 +2061,11 @@
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
+    "node_modules/convert-source-map": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
+    },
     "node_modules/cookie": {
       "version": "0.4.2",
       "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
@@ -1455,6 +2089,29 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.39.tgz",
       "integrity": "sha512-8q9ZexmdYYyc5/cfujaXb4YOucpQxAV4RMG0himLyDUOEr8Mr79VrqsFI+cQ2M2h89YIuy95lbxuYjxT4Hk4kQ=="
     },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -1675,6 +2332,15 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
     "node_modules/dotenv": {
       "version": "16.3.1",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
@@ -1723,6 +2389,19 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-ex/node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
     "node_modules/es-abstract": {
       "version": "1.22.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz",
@@ -1828,7 +2507,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
-      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -2438,6 +3116,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-root": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
+      "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng=="
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
@@ -2853,6 +3536,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
     "node_modules/human-signals": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
@@ -2894,7 +3585,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -3309,6 +3999,11 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -4040,7 +4735,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -4048,6 +4742,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -4083,7 +4794,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4562,6 +5272,21 @@
         "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
       }
     },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -4636,7 +5361,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -4995,6 +5719,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -5159,6 +5891,11 @@
         }
       }
     },
+    "node_modules/stylis": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz",
+      "integrity": "sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw=="
+    },
     "node_modules/sucrase": {
       "version": "3.32.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz",
@@ -5336,6 +6073,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
diff --git a/package.json b/package.json
index ee066f6..7f68f67 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,10 @@
     "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.14.7",
+    "@mui/material": "^5.14.7",
     "@prisma/client": "4.15.0",
     "@types/node": "^20.3.1",
     "@types/react": "18.2.7",
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index 5697959..12c8900 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -30,6 +30,6 @@ const Events = () => {
   )
 }
 
-Events.requireAuth = true
+Events.requireAuth = true // Required Authentication
 
 export default Events
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
index b6ae8ce..aa7682b 100644
--- a/pages/admin/members.tsx
+++ b/pages/admin/members.tsx
@@ -12,6 +12,8 @@ import { SiBmcsoftware, SiCodeforces } from 'react-icons/si'
 import { IoGameController } from 'react-icons/io5'
 import { IoIosPeople } from 'react-icons/io'
 import Modal from 'react-modal'
+import Alert from '@mui/material/Alert'
+import data from '../../app/events/data'
 
 const MEMBERS_REVALIDATION_TIME = 60 * 60 * 12
 
@@ -24,16 +26,15 @@ interface FormData {
   leetCode_id?: string
   codeForces_id?: string
 }
-
 const Page = () => {
   const [memArr, setMemArr] = useState<string[][]>([[]])
   const [cpArr, setCpArr] = useState<string[][]>([[]])
   const [gdArr, setGdArr] = useState<string[][]>([[]])
   const [fossArr, SetFossArr] = useState<string[][]>([[]])
   const [activeTab, setActiveTab] = useState<number>(0)
+  const [error, setError] = useState<string | null>(null)
   const tabsRef = useRef<TabsRef>(null)
   const props = { setActiveTab, tabsRef }
-
   const [isModalVisible, setIsModalVisible] = useState(false)
   const [formData, setFormData] = useState<FormData>({
     name: '',
@@ -70,11 +71,13 @@ const Page = () => {
       const response = await axios.post('/api/admin/members', formData)
       console.log(response.data)
       fetchDataMembers()
+      fetchCpData()
+      fetchDataGameDev()
       fetchDataFoss()
-    } catch (error) {
-      console.error('Error adding member:', error)
+    } catch (error: any) {
+      setError(error.response.data.error)
+      console.log('Error adding member:', error)
     }
-
     handleClose()
   }
 
@@ -97,81 +100,71 @@ const Page = () => {
     setMemArr(arr)
   }
 
-  useEffect(() => {
-    fetchDataMembers()
-  }, [])
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const res = await fetch(`/api/fetch/cpmembers`, {
-        next: {
-          revalidate: MEMBERS_REVALIDATION_TIME,
-        },
-        method: 'GET',
-      })
-      if (res.status !== 200) {
-        setCpArr([[]])
-      }
-      const data = await res.json()
-      const cf_data: CP[] = JSON.parse(data.codeforces)
-      const lt_data: CP[] = JSON.parse(data.leetcode)
-      const arr: string[][] = []
-      cf_data.forEach(element => {
-        let new_ele = {
-          name: '',
-          roll_number: 0,
-          handle: '',
-        }
-        new_ele['name'] = element.member.name
-        new_ele['roll_number'] = element.member.roll_number
-        new_ele['handle'] = element.handle
-        arr.push(Object.values(new_ele).map(e => e.toString()))
-      })
-      lt_data.forEach(element => {
-        let new_ele = {
-          name: '',
-          roll_number: 0,
-          handle: '',
-        }
-        new_ele['name'] = element.member.name
-        new_ele['roll_number'] = element.member.roll_number
-        new_ele['handle'] = element.handle
-        arr.push(Object.values(new_ele).map(e => e.toString()))
-      })
-      setCpArr(arr)
+  const fetchCpData = async () => {
+    const res = await fetch(`/api/fetch/cpmembers`, {
+      next: {
+        revalidate: MEMBERS_REVALIDATION_TIME,
+      },
+      method: 'GET',
+    })
+    if (res.status !== 200) {
+      setCpArr([[]])
     }
-    fetchData()
-  }, [])
-
-  useEffect(() => {
-    const fetchData = async () => {
-      const res = await fetch(`/api/fetch/gdmembers`, {
-        next: {
-          revalidate: MEMBERS_REVALIDATION_TIME,
-        },
-        method: 'GET',
-      })
-      if (res.status !== 200) {
-        setGdArr([[]])
+    const data = await res.json()
+    const cf_data: CP[] = JSON.parse(data.codeforces)
+    const lt_data: CP[] = JSON.parse(data.leetcode)
+    const arr: string[][] = []
+    cf_data.forEach(element => {
+      let new_ele = {
+        name: '',
+        roll_number: 0,
+        handle: '',
+      }
+      new_ele['name'] = element.member.name
+      new_ele['roll_number'] = element.member.roll_number
+      new_ele['handle'] = element.handle
+      arr.push(Object.values(new_ele).map(e => e.toString()))
+    })
+    lt_data.forEach(element => {
+      let new_ele = {
+        name: '',
+        roll_number: 0,
+        handle: '',
       }
-      const data = await res.json()
-      const dict_data: GD[] = JSON.parse(data.gameDevMembers)
-      const arr: string[][] = []
-      dict_data.forEach(element => {
-        let new_ele = {
-          name: '',
-          roll_number: 0,
-          role: '',
-        }
-        new_ele['name'] = element.member.name
-        new_ele['roll_number'] = element.member.roll_number
-        new_ele['role'] = element.role
-        arr.push(Object.values(new_ele).map(e => e.toString()))
-      })
-      setGdArr(arr)
+      new_ele['name'] = element.member.name
+      new_ele['roll_number'] = element.member.roll_number
+      new_ele['handle'] = element.handle
+      arr.push(Object.values(new_ele).map(e => e.toString()))
+    })
+    setCpArr(arr)
+  }
+
+  const fetchDataGameDev = async () => {
+    const res = await fetch(`/api/fetch/gdmembers`, {
+      next: {
+        revalidate: MEMBERS_REVALIDATION_TIME,
+      },
+      method: 'GET',
+    })
+    if (res.status !== 200) {
+      setGdArr([[]])
     }
-    fetchData()
-  }, [])
+    const data = await res.json()
+    const dict_data: GD[] = JSON.parse(data.gameDevMembers)
+    const arr: string[][] = []
+    dict_data.forEach(element => {
+      let new_ele = {
+        name: '',
+        roll_number: 0,
+        role: '',
+      }
+      new_ele['name'] = element.member.name
+      new_ele['roll_number'] = element.member.roll_number
+      new_ele['role'] = element.role
+      arr.push(Object.values(new_ele).map(e => e.toString()))
+    })
+    setGdArr(arr)
+  }
 
   const fetchDataFoss = async () => {
     const res = await fetch(`/api/fetch/fossmembers`, {
@@ -200,18 +193,38 @@ const Page = () => {
     SetFossArr(arr)
   }
   useEffect(() => {
+    fetchDataMembers()
+    fetchCpData()
+    fetchDataGameDev()
     fetchDataFoss()
   }, [])
 
-  const headings_mem: string[] = ['Name', 'Roll Number', 'Wing']
+  const headings_mem: string[] = ['Name', 'Roll Number', 'Wing', '']
   const headings_foss: string[] = ['Name', 'Roll Number', 'GitHub ID']
   const headings_cp: string[] = ['Name', 'Roll Number', 'handle']
   const headings_gd: string[] = ['Name', 'Roll Number', 'Role']
 
-  console.log(memArr)
-
   return (
     <>
+      {error ? (
+        <Alert
+          sx={{
+            position: 'absolute',
+            top: '2%',
+            left: '43%',
+            transform: 'translateY(0% ,-43%)',
+            zIndex: '100',
+          }}
+          severity='error'
+          onClose={() => {
+            setError(null)
+          }}
+        >
+          {JSON.stringify(error, null, 2).replace(/"/g, '')}{' '}
+          {/* Remove double quotes */}
+        </Alert>
+      ) : null}
+
       <div className={styles.membersWrapper}>
         <Modal
           isOpen={isModalVisible}
@@ -392,4 +405,6 @@ const Page = () => {
   )
 }
 
+Page.requireAuth = true // Required Authentication
+
 export default Page
diff --git a/pages/admin/projects.jsx b/pages/admin/projects.jsx
index ab4d9a6..ddd8a6b 100644
--- a/pages/admin/projects.jsx
+++ b/pages/admin/projects.jsx
@@ -30,6 +30,6 @@ const Projects = () => {
   )
 }
 
-Projects.requireAuth = true
+Projects.requireAuth = true // Required Authentication
 
 export default Projects
diff --git a/pages/admin/register.tsx b/pages/admin/register.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
index fb7c12a..4d190f2 100644
--- a/pages/api/admin/members.js
+++ b/pages/api/admin/members.js
@@ -1,3 +1,4 @@
+import e from 'express'
 import prisma from './prismaClient'
 
 export default async function handler(req, res) {
@@ -13,7 +14,7 @@ export default async function handler(req, res) {
         codeForces_id,
       } = req.body
 
-      console.log(req.body)
+      // console.log(req.body)
       const newMember = await prisma.members.create({
         data: {
           name: name,
@@ -35,6 +36,24 @@ export default async function handler(req, res) {
             member_id: newMember.id,
           },
         })
+      } else if (newMember.wing === 'CP') {
+        if (leetCode_id) {
+          const newCP = await prisma.leetcode.create({
+            data: {
+              handle: leetCode_id,
+              member_id: newMember.id,
+            },
+          })
+        }
+
+        if (codeForces_id) {
+          const newCP = await prisma.codeforces.create({
+            data: {
+              handle: codeForces_id,
+              member_id: newMember.id,
+            },
+          })
+        }
       }
 
       res.status(201).json(newMember)
@@ -42,6 +61,24 @@ export default async function handler(req, res) {
       console.error('Error adding member:', error)
       res.status(500).json({ error: 'Could not add member' })
     }
+  } else if (req.method === 'DELETE') {
+    try {
+      const { id } = req.query
+      if (!id) {
+        return res.status(400).json({ error: 'Missing member ID' })
+      }
+
+      const deletedMember = await prisma.members.delete({
+        where: {
+          id: id,
+        },
+      })
+
+      res.status(200).json(deletedMember)
+    } catch (error) {
+      console.error('Error deleting member:', error)
+      res.status(500).json({ error: 'Could not delete member' })
+    }
   } else {
     res.status(405).json({ error: 'Method not allowed' })
   }
diff --git a/pages/api/codeforces.ts b/pages/api/codeforces.ts
index a0e8ac1..c753368 100644
--- a/pages/api/codeforces.ts
+++ b/pages/api/codeforces.ts
@@ -15,7 +15,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     }
 
     const errors: string[] = []
-
+    //need to add validation for roll , for both leetcode and codeforces
     const validtionSchema = [
       {
         valid: validator.isLength(rollNumber, {
@@ -46,7 +46,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
 
     try {
       const userWithRollNumber = await prisma.codeforcesLeaderBoard.findUnique({
-        where: { rollNumber: BigInt(rollNumber) },
+        where: { rollNumber: String(rollNumber) },
       })
       if (userWithRollNumber) {
         return res.status(400).json({
@@ -100,7 +100,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
       const coder = await prisma.codeforcesLeaderBoard.create({
         data: {
           name: fullName,
-          rollNumber: BigInt(rollNumber),
+          rollNumber: String(rollNumber),
           rating: Number(rating),
           last_contest_id: Number(last_contest),
           contests: Number(num_contest),
diff --git a/pages/api/leetcode.ts b/pages/api/leetcode.ts
index 79bc81e..d29fb38 100644
--- a/pages/api/leetcode.ts
+++ b/pages/api/leetcode.ts
@@ -16,7 +16,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     }
 
     const errors: string[] = []
-
+    //need to add validation for roll , for both leetcode and codeforces
     const validtionSchema = [
       {
         valid: validator.isLength(rollNumber, {
@@ -47,7 +47,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
 
     try {
       const userWithRollNumber = await prisma.leetCodeLeaderBoard.findUnique({
-        where: { rollNumber: BigInt(rollNumber) },
+        where: { rollNumber: String(rollNumber) },
       })
       if (userWithRollNumber) {
         return res.status(400).json({
@@ -108,7 +108,7 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
       const coder = await prisma.leetCodeLeaderBoard.create({
         data: {
           name: fullName,
-          rollNumber: BigInt(rollNumber),
+          rollNumber: String(rollNumber),
           userHandle: userHandle,
           ranking: ranking,
           stars: points,
diff --git a/prisma/migrations/20230902171031_new_migrations/migration.sql b/prisma/migrations/20230902171031_new_migrations/migration.sql
new file mode 100644
index 0000000..150bcea
--- /dev/null
+++ b/prisma/migrations/20230902171031_new_migrations/migration.sql
@@ -0,0 +1,11 @@
+-- DropForeignKey
+ALTER TABLE "FOSS" DROP CONSTRAINT "FOSS_member_id_fkey";
+
+-- DropForeignKey
+ALTER TABLE "GameDev" DROP CONSTRAINT "GameDev_member_id_fkey";
+
+-- AddForeignKey
+ALTER TABLE "GameDev" ADD CONSTRAINT "GameDev_member_id_fkey" FOREIGN KEY ("member_id") REFERENCES "Members"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "FOSS" ADD CONSTRAINT "FOSS_member_id_fkey" FOREIGN KEY ("member_id") REFERENCES "Members"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/migrations/20230903090241_new/migration.sql b/prisma/migrations/20230903090241_new/migration.sql
new file mode 100644
index 0000000..3a2a370
--- /dev/null
+++ b/prisma/migrations/20230903090241_new/migration.sql
@@ -0,0 +1,16 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `num_participants` on the `Codeforces` table. All the data in the column will be lost.
+  - You are about to drop the column `rating` on the `Codeforces` table. All the data in the column will be lost.
+  - You are about to drop the column `rank` on the `Leetcode` table. All the data in the column will be lost.
+  - You are about to drop the column `solved` on the `Leetcode` table. All the data in the column will be lost.
+
+*/
+-- AlterTable
+ALTER TABLE "Codeforces" DROP COLUMN "num_participants",
+DROP COLUMN "rating";
+
+-- AlterTable
+ALTER TABLE "Leetcode" DROP COLUMN "rank",
+DROP COLUMN "solved";
diff --git a/prisma/migrations/20230903092903_new/migration.sql b/prisma/migrations/20230903092903_new/migration.sql
new file mode 100644
index 0000000..f5acc03
--- /dev/null
+++ b/prisma/migrations/20230903092903_new/migration.sql
@@ -0,0 +1,11 @@
+-- DropForeignKey
+ALTER TABLE "Codeforces" DROP CONSTRAINT "Codeforces_member_id_fkey";
+
+-- DropForeignKey
+ALTER TABLE "Leetcode" DROP CONSTRAINT "Leetcode_member_id_fkey";
+
+-- AddForeignKey
+ALTER TABLE "Codeforces" ADD CONSTRAINT "Codeforces_member_id_fkey" FOREIGN KEY ("member_id") REFERENCES "Members"("id") ON DELETE CASCADE ON UPDATE CASCADE;
+
+-- AddForeignKey
+ALTER TABLE "Leetcode" ADD CONSTRAINT "Leetcode_member_id_fkey" FOREIGN KEY ("member_id") REFERENCES "Members"("id") ON DELETE CASCADE ON UPDATE CASCADE;
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 52d5a9c..7506bdb 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -26,20 +26,20 @@ model Members {
 }
 
 model Codeforces {
-  id               Int     @id @default(autoincrement())
-  handle           String  @unique
-  rating           Int
-  num_participants Int
-  member           Members @relation(fields: [member_id], references: [id])
-  member_id        String  @unique
+  id        Int     @id @default(autoincrement())
+  handle    String  @unique
+  // rating           Int
+  // num_participants Int
+  member    Members @relation(fields: [member_id], references: [id], onDelete: Cascade)
+  member_id String  @unique
 }
 
 model Leetcode {
   id        Int     @id @default(autoincrement())
   handle    String  @unique
-  rank      Int
-  solved    Int
-  member    Members @relation(fields: [member_id], references: [id])
+  // rank      Int
+  // solved    Int
+  member    Members @relation(fields: [member_id], references: [id], onDelete: Cascade)
   member_id String  @unique
 }
 
diff --git a/yarn.lock b/yarn.lock
index 7906f31..d4fd288 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,13 +12,56 @@
   resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
-"@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7":
+"@babel/code-frame@^7.0.0":
+  version "7.22.13"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
+"@babel/helper-module-imports@^7.16.7":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz"
+  integrity sha512-8Dl6+HD/cKifutF5qGd/8ZJi84QeAKh+CEe1sBzz8UayBBGg1dAIJrdHOcOM5b2MpzWL2yuotJTtGjETq0qjXg==
+  dependencies:
+    "@babel/types" "^7.22.5"
+
+"@babel/helper-string-parser@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.22.5.tgz"
+  integrity sha512-mM4COjgZox8U+JcXQwPijIZLElkgEpO5rsERVDJTc2qfCDfERyob6k5WegS14SX18IIjv+XD+GrqNumY5JRCDw==
+
+"@babel/helper-validator-identifier@^7.22.5":
+  version "7.22.5"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.5.tgz"
+  integrity sha512-aJXu+6lErq8ltp+JhkJUfk1MTGyuA4v7f3pA+BJ5HLfNC6nAQ0Cpi9uOquUj8Hehg0aUiHzWQbOVJGao6ztBAQ==
+
+"@babel/highlight@^7.22.13":
+  version "7.22.13"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.13.tgz"
+  integrity sha512-C/BaXcnnvBCmHTpz/VGZ8jgtE2aYlW4hxDhseJAWZb7gqGM/qtCK6iZUb0TyKFf7BOUsBH7Q7fkRsDRhg1XklQ==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.5"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7", "@babel/runtime@^7.22.10", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.7":
   version "7.22.10"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz"
   integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
   dependencies:
     regenerator-runtime "^0.14.0"
 
+"@babel/types@^7.22.5":
+  version "7.22.11"
+  resolved "https://registry.npmjs.org/@babel/types/-/types-7.22.11.tgz"
+  integrity sha512-siazHiGuZRz9aB9NpHy9GOs9xiQPKnMzgdr493iI1M67vRXpnEq8ZOOKzezC5q7zwuQ6sDhdSp4SD9ixKSqKZg==
+  dependencies:
+    "@babel/helper-string-parser" "^7.22.5"
+    "@babel/helper-validator-identifier" "^7.22.5"
+    to-fast-properties "^2.0.0"
+
 "@cspotcode/source-map-support@^0.8.0":
   version "0.8.1"
   resolved "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz"
@@ -26,6 +69,113 @@
   dependencies:
     "@jridgewell/trace-mapping" "0.3.9"
 
+"@emotion/babel-plugin@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.npmjs.org/@emotion/babel-plugin/-/babel-plugin-11.11.0.tgz"
+  integrity sha512-m4HEDZleaaCH+XgDDsPF15Ht6wTLsgDTeR3WYj9Q/k76JtWhrJjcP4+/XlG8LGT/Rol9qUfOIztXeA84ATpqPQ==
+  dependencies:
+    "@babel/helper-module-imports" "^7.16.7"
+    "@babel/runtime" "^7.18.3"
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/serialize" "^1.1.2"
+    babel-plugin-macros "^3.1.0"
+    convert-source-map "^1.5.0"
+    escape-string-regexp "^4.0.0"
+    find-root "^1.1.0"
+    source-map "^0.5.7"
+    stylis "4.2.0"
+
+"@emotion/cache@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz"
+  integrity sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/sheet" "^1.2.2"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    stylis "4.2.0"
+
+"@emotion/hash@^0.9.1":
+  version "0.9.1"
+  resolved "https://registry.npmjs.org/@emotion/hash/-/hash-0.9.1.tgz"
+  integrity sha512-gJB6HLm5rYwSLI6PQa+X1t5CFGrv1J1TWG+sOyMCeKz2ojaj6Fnl/rZEspogG+cvqbt4AE/2eIyD2QfLKTBNlQ==
+
+"@emotion/is-prop-valid@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.2.1.tgz"
+  integrity sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==
+  dependencies:
+    "@emotion/memoize" "^0.8.1"
+
+"@emotion/memoize@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.8.1.tgz"
+  integrity sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==
+
+"@emotion/react@^11.11.1":
+  version "11.11.1"
+  resolved "https://registry.npmjs.org/@emotion/react/-/react-11.11.1.tgz"
+  integrity sha512-5mlW1DquU5HaxjLkfkGN1GA/fvVGdyHURRiX/0FHl2cfIfRxSOfmxEH5YS43edp0OldZrZ+dkBKbngxcNCdZvA==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/cache" "^11.11.0"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
+    "@emotion/weak-memoize" "^0.3.1"
+    hoist-non-react-statics "^3.3.1"
+
+"@emotion/serialize@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.1.2.tgz"
+  integrity sha512-zR6a/fkFP4EAcCMQtLOhIgpprZOwNmCldtpaISpvz348+DP4Mz8ZoKaGGCQpbzepNIUWbq4w6hNZkwDyKoS+HA==
+  dependencies:
+    "@emotion/hash" "^0.9.1"
+    "@emotion/memoize" "^0.8.1"
+    "@emotion/unitless" "^0.8.1"
+    "@emotion/utils" "^1.2.1"
+    csstype "^3.0.2"
+
+"@emotion/sheet@^1.2.2":
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz"
+  integrity sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==
+
+"@emotion/styled@^11.11.0":
+  version "11.11.0"
+  resolved "https://registry.npmjs.org/@emotion/styled/-/styled-11.11.0.tgz"
+  integrity sha512-hM5Nnvu9P3midq5aaXj4I+lnSfNi7Pmd4EWk1fOZ3pxookaQTNew6bp4JaCBYM4HVFZF9g7UjJmsUmC2JlxOng==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    "@emotion/babel-plugin" "^11.11.0"
+    "@emotion/is-prop-valid" "^1.2.1"
+    "@emotion/serialize" "^1.1.2"
+    "@emotion/use-insertion-effect-with-fallbacks" "^1.0.1"
+    "@emotion/utils" "^1.2.1"
+
+"@emotion/unitless@^0.8.1":
+  version "0.8.1"
+  resolved "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.8.1.tgz"
+  integrity sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==
+
+"@emotion/use-insertion-effect-with-fallbacks@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/@emotion/use-insertion-effect-with-fallbacks/-/use-insertion-effect-with-fallbacks-1.0.1.tgz"
+  integrity sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==
+
+"@emotion/utils@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz"
+  integrity sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==
+
+"@emotion/weak-memoize@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.3.1.tgz"
+  integrity sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==
+
 "@eslint-community/eslint-utils@^4.2.0":
   version "4.4.0"
   resolved "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz"
@@ -158,6 +308,100 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
+"@mui/base@5.0.0-beta.13":
+  version "5.0.0-beta.13"
+  resolved "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.13.tgz"
+  integrity sha512-uC0l97pBspfDAp+iz2cJq8YZ8Sd9i73V77+WzUiOAckIVEyCm5dyVDZCCO2/phmzckVEeZCGcytybkjMQuhPQw==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@emotion/is-prop-valid" "^1.2.1"
+    "@floating-ui/react-dom" "^2.0.1"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.7"
+    "@popperjs/core" "^2.11.8"
+    clsx "^2.0.0"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
+"@mui/core-downloads-tracker@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.14.7.tgz"
+  integrity sha512-sCWTUNElBPgB30iLvWe3PU7SIlTKZNf6/E/sko85iHVeHCM6WPkDw+y89CrZYjhFNmPqt2fIQM/pZu+rP2lFLA==
+
+"@mui/icons-material@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.14.7.tgz"
+  integrity sha512-mWp4DwMa8c1Gx9yOEtPgxM4b+e6hAbtZyzfSubdBwrnEE6G5D2rbAJ5MB+If6kfI48JaYaJ5j8+zAdmZLuZc0A==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+
+"@mui/material@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/material/-/material-5.14.7.tgz"
+  integrity sha512-jIZj9F7zMv6IlyaYDVv5M2Kp20jIX8c0kzuwteySHS/A0IvPVyomQEPtWc51MCbpDNCqzwoZUp3rQtA2lI8k7A==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@mui/base" "5.0.0-beta.13"
+    "@mui/core-downloads-tracker" "^5.14.7"
+    "@mui/system" "^5.14.7"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.7"
+    "@types/react-transition-group" "^4.4.6"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+    react-transition-group "^4.4.5"
+
+"@mui/private-theming@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.14.7.tgz"
+  integrity sha512-Y86+hmDnJab2Ka42PgxKpK3oL7EiacbeeX3X/lG9LGO0wSc45wZjHeTfIlVSkkUCkexiMKEJp5NlSjZhr27NRQ==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@mui/utils" "^5.14.7"
+    prop-types "^15.8.1"
+
+"@mui/styled-engine@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.14.7.tgz"
+  integrity sha512-hKBETEDsIAkL8/mBwPiQj/vw28OeIhMXC3Tvj4J2bb9snxAKpiZioR1PwqP+6P41twsC/GKBd0Vr9oaWYaHuMg==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@emotion/cache" "^11.11.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+
+"@mui/system@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/system/-/system-5.14.7.tgz"
+  integrity sha512-jeZtHglc+Pi6qjGoopT6O4RqYXVBMqHVOsjMGP0hxGSSPm1T4gsAu7jU8eqGx9YwwjvvJ0eotTjFqw7iJ6qE2Q==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@mui/private-theming" "^5.14.7"
+    "@mui/styled-engine" "^5.14.7"
+    "@mui/types" "^7.2.4"
+    "@mui/utils" "^5.14.7"
+    clsx "^2.0.0"
+    csstype "^3.1.2"
+    prop-types "^15.8.1"
+
+"@mui/types@^7.2.4":
+  version "7.2.4"
+  resolved "https://registry.npmjs.org/@mui/types/-/types-7.2.4.tgz"
+  integrity sha512-LBcwa8rN84bKF+f5sDyku42w1NTxaPgPyYKODsh01U1fVstTClbUoSA96oyRBnSNyEiAVjKm6Gwx9vjR+xyqHA==
+
+"@mui/utils@^5.14.7":
+  version "5.14.7"
+  resolved "https://registry.npmjs.org/@mui/utils/-/utils-5.14.7.tgz"
+  integrity sha512-RtheP/aBoPogVdi8vj8Vo2IFnRa4mZVmnD0RGlVZ49yF60rZs+xP4/KbpIrTr83xVs34QmHQ2aQ+IX7I0a0dDw==
+  dependencies:
+    "@babel/runtime" "^7.22.10"
+    "@types/prop-types" "^15.7.5"
+    "@types/react-is" "^18.2.1"
+    prop-types "^15.8.1"
+    react-is "^18.2.0"
+
 "@next/env@13.4.4":
   version "13.4.4"
   resolved "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz"
@@ -213,7 +457,7 @@
     picocolors "^1.0.0"
     tslib "^2.6.0"
 
-"@popperjs/core@^2.9.3":
+"@popperjs/core@^2.11.8", "@popperjs/core@^2.9.3":
   version "2.11.8"
   resolved "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz"
   integrity sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==
@@ -287,7 +531,12 @@
   resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
   integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
 
-"@types/prop-types@*":
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+
+"@types/prop-types@*", "@types/prop-types@^15.7.5":
   version "15.7.5"
   resolved "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz"
   integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
@@ -299,6 +548,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-is@^18.2.1":
+  version "18.2.1"
+  resolved "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz"
+  integrity sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react-modal@^3.16.0":
   version "3.16.0"
   resolved "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz"
@@ -306,6 +562,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-transition-group@^4.4.6":
+  version "4.4.6"
+  resolved "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz"
+  integrity sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@18.2.7":
   version "18.2.7"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.7.tgz"
@@ -399,6 +662,13 @@ ansi-regex@^5.0.1:
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
 ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
@@ -579,6 +849,15 @@ b4a@^1.6.4:
   resolved "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz"
   integrity sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==
 
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
@@ -685,6 +964,15 @@ caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.300014
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001492.tgz"
   integrity sha512-2efF8SAZwgAX1FJr87KWhvuJxnGJKOnctQa8xLOskAXNXq8oiuqgl6u1kk3fFpsp3GgvzlRjiK1sl63hNtFADw==
 
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
 chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
@@ -723,6 +1011,11 @@ client-only@0.0.1:
   resolved "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz"
   integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
 
+clsx@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/clsx/-/clsx-2.0.0.tgz"
+  integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q==
+
 codeforces-api-ts@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/codeforces-api-ts/-/codeforces-api-ts-2.0.1.tgz"
@@ -732,6 +1025,13 @@ codeforces-api-ts@^2.0.1:
     lodash "^4.17.21"
     qs "^6.11.0"
 
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
@@ -744,6 +1044,11 @@ color-name@^1.0.0, color-name@~1.1.4:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
 color-string@^1.9.0:
   version "1.9.1"
   resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
@@ -777,6 +1082,11 @@ concat-map@0.0.1:
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+convert-source-map@^1.5.0:
+  version "1.9.0"
+  resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
+  integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
+
 cookie@^0.4.0:
   version "0.4.2"
   resolved "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz"
@@ -796,6 +1106,17 @@ cookies-next@^2.1.2:
     "@types/node" "^16.10.2"
     cookie "^0.4.0"
 
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz"
@@ -815,7 +1136,7 @@ cssesc@^3.0.0:
   resolved "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz"
   integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==
 
-csstype@^3.0.2:
+csstype@^3.0.2, csstype@^3.1.2:
   version "3.1.2"
   resolved "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz"
   integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
@@ -943,6 +1264,14 @@ doctrine@^3.0.0:
   dependencies:
     esutils "^2.0.2"
 
+dom-helpers@^5.0.1:
+  version "5.2.1"
+  resolved "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz"
+  integrity sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==
+  dependencies:
+    "@babel/runtime" "^7.8.7"
+    csstype "^3.0.2"
+
 dotenv@^16.3.1:
   version "16.3.1"
   resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz"
@@ -978,6 +1307,13 @@ enhanced-resolve@^5.12.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
 es-abstract@^1.19.0, es-abstract@^1.20.4, es-abstract@^1.21.2:
   version "1.22.1"
   resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz"
@@ -1053,6 +1389,11 @@ escalade@^3.1.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
@@ -1358,6 +1699,11 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+find-root@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz"
+  integrity sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==
+
 find-up@^5.0.0:
   version "5.0.0"
   resolved "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz"
@@ -1608,6 +1954,11 @@ has-bigints@^1.0.1, has-bigints@^1.0.2:
   resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
   integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
 
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
@@ -1644,6 +1995,13 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+hoist-non-react-statics@^3.3.1:
+  version "3.3.2"
+  resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
+  integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+  dependencies:
+    react-is "^16.7.0"
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
@@ -1713,6 +2071,11 @@ is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
     get-intrinsic "^1.2.0"
     is-typed-array "^1.1.10"
 
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
 is-arrayish@^0.3.1:
   version "0.3.2"
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz"
@@ -1890,7 +2253,7 @@ jose@^4.11.4, jose@^4.14.4:
   resolved "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz"
   integrity sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==
 
-"js-tokens@^3.0.0 || ^4.0.0":
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
@@ -1902,6 +2265,11 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
@@ -2353,6 +2721,16 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-json@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
@@ -2604,11 +2982,16 @@ react-interactions@^0.0.8:
     prop-types "^15.5.10"
     react "^16.0.0"
 
-react-is@^16.13.1:
+react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-is@^18.2.0:
+  version "18.2.0"
+  resolved "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
 react-lifecycles-compat@^3.0.0:
   version "3.0.4"
   resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz"
@@ -2624,6 +3007,16 @@ react-modal@^3.16.1:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
+react-transition-group@^4.4.5:
+  version "4.4.5"
+  resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz"
+  integrity sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==
+  dependencies:
+    "@babel/runtime" "^7.5.5"
+    dom-helpers "^5.0.1"
+    loose-envify "^1.4.0"
+    prop-types "^15.6.2"
+
 react@^16.0.0:
   version "16.14.0"
   resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
@@ -2687,7 +3080,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.1.7, resolve@^1.22.2:
+resolve@^1.1.7, resolve@^1.19.0, resolve@^1.22.2:
   version "1.22.2"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -2873,6 +3266,11 @@ source-map-js@^1.0.2:
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+source-map@^0.5.7:
+  version "0.5.7"
+  resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
 streamsearch@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
@@ -2973,6 +3371,11 @@ styled-jsx@5.1.1:
   dependencies:
     client-only "0.0.1"
 
+stylis@4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmjs.org/stylis/-/stylis-4.2.0.tgz"
+  integrity sha512-Orov6g6BB1sDfYgzWfTHDOxamtX1bE/zo104Dh9e6fqJ3PooipYyfJ0pUmrZO2wAvO8YbEyeFrkV91XTsGMSrw==
+
 sucrase@^3.32.0:
   version "3.32.0"
   resolved "https://registry.npmjs.org/sucrase/-/sucrase-3.32.0.tgz"
@@ -2986,6 +3389,13 @@ sucrase@^3.32.0:
     pirates "^4.0.1"
     ts-interface-checker "^0.1.9"
 
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
@@ -3113,6 +3523,11 @@ titleize@^3.0.0:
   resolved "https://registry.npmjs.org/titleize/-/titleize-3.0.0.tgz"
   integrity sha512-KxVu8EYHDPBdUYdKZdKtU2aj2XfEx9AfjXxE/Aj0vT06w2icA09Vus1rh6eSu1y01akYg6BjIK/hxyLJINoMLQ==
 
+to-fast-properties@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz"
+  integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
 to-regex-range@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz"
@@ -3353,6 +3768,11 @@ yallist@^4.0.0:
   resolved "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yaml@^2.1.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz"

From 5d663878313658495ccad68c9638226a1732588e Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sun, 13 Aug 2023 12:52:01 +0530
Subject: [PATCH 18/40] add to database events

---
 package-lock.json                             |  41 +++++-
 package.json                                  |   1 +
 pages/admin/events.jsx                        | 127 ++++++++++++++++++
 pages/admin/events.tsx                        |   0
 pages/api/events.js                           |  31 +++++
 .../migration.sql                             |  28 ++++
 prisma/schema.prisma                          |  35 +++++
 tsconfig.json                                 |   3 +-
 yarn.lock                                     |  31 ++++-
 9 files changed, 291 insertions(+), 6 deletions(-)
 create mode 100644 pages/admin/events.jsx
 delete mode 100644 pages/admin/events.tsx
 create mode 100644 pages/api/events.js
 create mode 100644 prisma/migrations/20230812190018_added_project_events_model/migration.sql

diff --git a/package-lock.json b/package-lock.json
index 30d0449..7082637 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-icons": "^4.10.1",
+        "react-modal": "^3.16.1",
         "sharp": "^0.32.1",
         "tailwindcss": "3.3.2",
         "ts-node": "^10.9.1",
@@ -2333,6 +2334,11 @@
         "url": "https://github.com/sindresorhus/execa?sponsor=1"
       }
     },
+    "node_modules/exenv": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+      "integrity": "sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw=="
+    },
     "node_modules/expand-template": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz",
@@ -4341,7 +4347,6 @@
       "version": "15.8.1",
       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
       "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
       "dependencies": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -4483,8 +4488,30 @@
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
     },
     "node_modules/read-cache": {
       "version": "1.0.0",
@@ -5566,6 +5593,14 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
diff --git a/package.json b/package.json
index 4703382..2508149 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
+    "react-modal": "^3.16.1",
     "sharp": "^0.32.1",
     "tailwindcss": "3.3.2",
     "ts-node": "^10.9.1",
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
new file mode 100644
index 0000000..1fb56a4
--- /dev/null
+++ b/pages/admin/events.jsx
@@ -0,0 +1,127 @@
+import React, { useState, useEffect } from 'react'
+import Modal from 'react-modal'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
+import styles from './../../app/events/page.module.css'
+
+const Events = () => {
+  const [eventData, setEventData] = useState({
+    title: '',
+    description: '',
+    start_month: 'January',
+    url: '',
+  })
+  const [events, setEvents] = useState([])
+  const [modalIsOpen, setModalIsOpen] = useState(false)
+
+  useEffect(() => {
+    axios.get('/api/events').then(response => {
+      setEvents(response.data)
+    })
+  }, [])
+
+  const handleInputChange = e => {
+    const { name, value } = e.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      const createdEvent = await axios.post('/api/events', eventData)
+
+      console.log('Event added to database:', createdEvent.data)
+      setModalIsOpen(false)
+      setEventData({
+        title: '',
+        description: '',
+        start_month: 'January',
+        url: '',
+      })
+    } catch (error) {
+      console.error('Error adding event to database:', error)
+    }
+  }
+
+  return (
+    <div>
+      <button
+        style={{
+          position: 'relative',
+          // bottom: '10px', // Adjust as needed
+          // right: '10px', // Adjust as needed
+          zIndex: '100', // Ensure the button is on top
+          backgroundColor: 'red',
+        }}
+        onClick={() => setModalIsOpen(true)}
+      >
+        Add Event
+      </button>
+
+      <div className={styles.eventsWrapper}>
+        <Block title='Events' blocksData={events} />
+      </div>
+
+      <Modal
+        isOpen={modalIsOpen}
+        onRequestClose={() => setModalIsOpen(false)}
+        style={{
+          content: {
+            margin: 'auto',
+            dispaly: 'block',
+            backgroundColor: 'green',
+            maxHeight: '70%', // Adjust the value as needed
+          },
+        }}
+      >
+        <h2>Add Event</h2>
+        <input
+          type='text'
+          name='title'
+          placeholder='Event Title'
+          value={eventData.title}
+          onChange={handleInputChange}
+        />
+        <textarea
+          name='description'
+          placeholder='Event Description'
+          value={eventData.description}
+          onChange={handleInputChange}
+        />
+        <select
+          name='start_month'
+          value={eventData.start_month}
+          onChange={handleInputChange}
+        >
+          <option value='January'>January</option>
+          <option value='February'>February</option>
+          <option value='March'>March</option>
+          <option value='April'>April</option>
+          <option value='May'>May</option>
+          <option value='June'>June</option>
+          <option value='July'>July</option>
+          <option value='August'>August</option>
+          <option value='September'>September</option>
+          <option value='October'>October</option>
+          <option value='November'>November</option>
+          <option value='December'>December</option>
+        </select>
+        <input
+          type='text'
+          name='url'
+          placeholder='Event URL'
+          value={eventData.url}
+          onChange={handleInputChange}
+        />
+        <button onClick={handleAddEvent}>Add Event</button>
+        <button onClick={() => setModalIsOpen(false)}>Close</button>
+      </Modal>
+    </div>
+  )
+}
+
+Events.requireAuth = true
+
+export default Events
diff --git a/pages/admin/events.tsx b/pages/admin/events.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/api/events.js b/pages/api/events.js
new file mode 100644
index 0000000..161018d
--- /dev/null
+++ b/pages/api/events.js
@@ -0,0 +1,31 @@
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export default async function handler(req, res) {
+  if (req.method === 'GET') {
+    try {
+      const events = await prisma.event.findMany()
+      res.status(200).json(events)
+    } catch (error) {
+      console.error('Error fetching events:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'POST') {
+    const eventData = req.body
+
+    try {
+      const createdEvent = await prisma.event.create({
+        data: eventData,
+      })
+
+      console.log('Event added to database:', createdEvent)
+      res.status(201).json(createdEvent)
+    } catch (error) {
+      console.error('Error adding event to database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/prisma/migrations/20230812190018_added_project_events_model/migration.sql b/prisma/migrations/20230812190018_added_project_events_model/migration.sql
new file mode 100644
index 0000000..1f4c76f
--- /dev/null
+++ b/prisma/migrations/20230812190018_added_project_events_model/migration.sql
@@ -0,0 +1,28 @@
+-- CreateEnum
+CREATE TYPE "Month" AS ENUM ('January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
+
+-- CreateTable
+CREATE TABLE "Event" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "start_month" "Month" NOT NULL,
+    "url" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Event_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateTable
+CREATE TABLE "Project" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "start_month" "Month" NOT NULL,
+    "url" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Project_pkey" PRIMARY KEY ("id")
+);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 367b8f7..652ed41 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -100,3 +100,38 @@ model LeetCodeLeaderBoard {
 
   @@index([rollNumber])
 }
+
+enum Month {
+  January
+  February
+  March
+  April
+  May
+  June
+  July
+  August
+  September
+  October
+  November
+  December
+}
+
+model Event {
+  id          String   @id @default(uuid())
+  title       String
+  description String
+  start_month Month // Store the month as an enum
+  url         String // URL for event details
+  created_at  DateTime @default(now())
+  updated_at  DateTime @updatedAt
+}
+
+model Project {
+  id          String   @id @default(uuid())
+  title       String
+  description String
+  start_month Month // Store the start month as an enum
+  url         String // URL for project details
+  created_at  DateTime @default(now())
+  updated_at  DateTime @updatedAt
+}
diff --git a/tsconfig.json b/tsconfig.json
index b6dae0a..f7dd4b1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -31,7 +31,8 @@
     "components/Hero/Hero.tsx",
     "components/Block/BlockCard/BlockCard.jsx",
     "components/Block/Block.tsx",
-    "pages/_app.js"
+    "pages/_app.js",
+    "pages/admin/events.jsx"
   ],
   "exclude": [
     "node_modules",
diff --git a/yarn.lock b/yarn.lock
index a8c65af..c6eebca 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1289,6 +1289,11 @@ execa@^7.1.1:
     signal-exit "^3.0.7"
     strip-final-newline "^3.0.0"
 
+exenv@^1.2.0:
+  version "1.2.2"
+  resolved "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz"
+  integrity sha512-Z+ktTxTwv9ILfgKCk32OX3n/doe+OcLTRtqK9pcL+JsP3J1/VW8Uvl4ZjLlKqeW4rzK4oesDOGMEMRIZqtP4Iw==
+
 expand-template@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz"
@@ -1966,7 +1971,7 @@ lodash@^4.17.21:
   resolved "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz"
   integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
 
-loose-envify@^1.1.0, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -2495,7 +2500,7 @@ prisma@^4.15.0:
   dependencies:
     "@prisma/engines" "4.15.0"
 
-prop-types@^15.8.1:
+prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -2576,6 +2581,21 @@ react-is@^16.13.1:
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
+react-lifecycles-compat@^3.0.0:
+  version "3.0.4"
+  resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz"
+  integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==
+
+react-modal@^3.16.1:
+  version "3.16.1"
+  resolved "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz"
+  integrity sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==
+  dependencies:
+    exenv "^1.2.0"
+    prop-types "^15.7.2"
+    react-lifecycles-compat "^3.0.0"
+    warning "^4.0.3"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
@@ -3237,6 +3257,13 @@ validator@^13.9.0:
   resolved "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz"
   integrity sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==
 
+warning@^4.0.3:
+  version "4.0.3"
+  resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz"
+  integrity sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==
+  dependencies:
+    loose-envify "^1.0.0"
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"

From 59abf658f08d8bef9f9c2128095f929784664cd3 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Mon, 14 Aug 2023 15:11:32 +0530
Subject: [PATCH 19/40] has errors need to be fixed

---
 components/Block/BlockAdmin.tsx               | 193 ++++++++++++++++++
 components/Block/BlockCard/BlockCard.tsx      |  10 +-
 components/Block/BlockCard/BlockCardAdmin.tsx |  86 ++++++++
 package-lock.json                             |  10 +
 package.json                                  |   1 +
 pages/admin.tsx                               |   1 -
 pages/admin/events.jsx                        | 104 +---------
 pages/api/events.js                           |  31 +++
 .../migration.sql                             |   5 +
 prisma/schema.prisma                          |   2 +
 types/Block/blockCard.types.ts                |  11 +-
 yarn.lock                                     |   7 +
 12 files changed, 348 insertions(+), 113 deletions(-)
 create mode 100644 components/Block/BlockAdmin.tsx
 create mode 100644 components/Block/BlockCard/BlockCardAdmin.tsx
 create mode 100644 prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql

diff --git a/components/Block/BlockAdmin.tsx b/components/Block/BlockAdmin.tsx
new file mode 100644
index 0000000..424846f
--- /dev/null
+++ b/components/Block/BlockAdmin.tsx
@@ -0,0 +1,193 @@
+import React, { useState, useEffect } from 'react'
+import Modal from 'react-modal'
+import axios from 'axios'
+import BlockCardAdmin from './BlockCard/BlockCardAdmin'
+import styles from './Block.module.css'
+
+interface EventData {
+  id: string
+  title: string
+  description: string
+  start_month: string
+  url: string
+  image_url: string
+}
+
+interface Props {
+  title: string
+  blocksData: EventData[]
+  onEdit: (editedData: EventData) => void
+  onDelete: (id: string) => void
+}
+
+export default function BlockAdmin({
+  title,
+  blocksData,
+  onEdit,
+  onDelete,
+}: Props) {
+  const [eventData, setEventData] = useState<EventData>({
+    id: '',
+    title: '',
+    description: '',
+    start_month: 'January',
+    url: '',
+    image_url: '',
+  })
+
+  const [modalIsOpen, setModalIsOpen] = useState(false)
+  const [editingEvent, setEditingEvent] = useState<EventData | null>(null)
+
+  useEffect(() => {
+    if (editingEvent) {
+      setEventData(editingEvent)
+    }
+  }, [editingEvent])
+
+  const handleInputChange = (
+    e: React.ChangeEvent<
+      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
+    >,
+  ) => {
+    const { name, value } = e.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleEdit = (editedData: EventData) => {
+    setEditingEvent(editedData)
+    setModalIsOpen(true)
+  }
+
+  const handleDelete = async (eventId: string) => {
+    try {
+      await axios.delete(`/api/events/${eventId}`)
+      fetchEvents()
+    } catch (error) {
+      console.error('Error deleting event:', error)
+    }
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      if (editingEvent) {
+        const updatedEvent = await axios.put(`/api/events/${editingEvent.id}`, {
+          ...eventData,
+        })
+        onEdit(updatedEvent.data)
+      } else {
+        const createdEvent = await axios.post('/api/events', eventData)
+        console.log('Event added to database:', createdEvent.data)
+      }
+      setModalIsOpen(false)
+      setEventData({
+        id: '',
+        title: '',
+        description: '',
+        start_month: 'January',
+        url: '',
+        image_url: '',
+      })
+      setEditingEvent(null)
+    } catch (error) {
+      console.error('Error adding/editing event:', error)
+    }
+  }
+
+  const fetchEvents = async () => {
+    try {
+      const response = await axios.get('/api/events')
+      setEventData(response.data)
+    } catch (error) {
+      console.error('Error fetching events:', error)
+    }
+  }
+
+  return (
+    <div id='blocksId' className={styles.blocksWrapper}>
+      <div className={`${styles.blocksMain} page-wrapper`}>
+        <div className={styles.blocksHeading}>
+          <div className={styles.text_block}>
+            <h2>{title}</h2>
+          </div>
+        </div>
+        <button
+          style={{
+            position: 'relative',
+            zIndex: 100,
+            backgroundColor: 'red',
+          }}
+          onClick={() => setModalIsOpen(true)}
+        >
+          Add Event
+        </button>
+        <Modal
+          isOpen={modalIsOpen}
+          onRequestClose={() => setModalIsOpen(false)}
+          style={{
+            content: {
+              margin: 'auto',
+              backgroundColor: 'green',
+              maxHeight: '70%',
+              width: '70%',
+            },
+          }}
+        >
+          <h2>Add Event</h2>
+          <input
+            type='text'
+            name='title'
+            placeholder='Event Title'
+            value={eventData.title}
+            onChange={handleInputChange}
+          />
+          <textarea
+            name='description'
+            placeholder='Event Description'
+            value={eventData.description}
+            onChange={handleInputChange}
+          />
+          <select
+            name='start_month'
+            value={eventData.start_month}
+            onChange={handleInputChange}
+          >
+            <option value='January'>January</option>
+          </select>
+          <input
+            type='text'
+            name='url'
+            placeholder='Event URL'
+            value={eventData.url}
+            onChange={handleInputChange}
+          />
+          <input
+            type='text'
+            name='image_url'
+            placeholder='Image URL'
+            value={eventData.image_url}
+            onChange={handleInputChange}
+          />
+          <button onClick={handleAddEvent}>Add Event</button>
+          <button onClick={() => setModalIsOpen(false)}>Close</button>
+        </Modal>
+        <div className={styles.blocksCardWrapper}>
+          {blocksData.map((data, index) => {
+            return (
+              <BlockCardAdmin
+                data={data}
+                key={index}
+                number={index + 1}
+                leftSideImage={index % 2 === 0} // Adjust this condition
+                onEdit={handleEdit} // Pass the onEdit function
+                onDelete={handleDelete} // Pass the onDelete function
+              />
+            )
+          })}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/components/Block/BlockCard/BlockCard.tsx b/components/Block/BlockCard/BlockCard.tsx
index 4e17725..3293472 100644
--- a/components/Block/BlockCard/BlockCard.tsx
+++ b/components/Block/BlockCard/BlockCard.tsx
@@ -24,13 +24,13 @@ export default function BlockCard({ leftSideImage, data, number }: Props) {
               <div className={styles.styleDiv}></div>
             </div>
             <div className={styles.blockName}>
-              <h1>{data.heading}</h1>
+              <h1>{data.title}</h1>
               <br />
-              <h3>{data.time}</h3>
+              <h3>{data.start_month}</h3>
             </div>
-            <div className={styles.blockInfo}>{data.content}</div>
+            <div className={styles.blockInfo}>{data.description}</div>
             <div className={styles.knowMore}>
-              <a href={data.knowMoreLink} target='_blank'>
+              <a href={data.url} target='_blank'>
                 <div>Know More</div>
                 <div className={styles.buttonImage}>
                   <Image
@@ -49,7 +49,7 @@ export default function BlockCard({ leftSideImage, data, number }: Props) {
             }`}
           >
             <div className={styles.blockImageCard}>
-              <Image src={data.image} fill alt='user provided image' />
+              <Image src={data.image_url} fill alt='user provided image' />
             </div>
           </div>
         </div>
diff --git a/components/Block/BlockCard/BlockCardAdmin.tsx b/components/Block/BlockCard/BlockCardAdmin.tsx
new file mode 100644
index 0000000..09fc0ab
--- /dev/null
+++ b/components/Block/BlockCard/BlockCardAdmin.tsx
@@ -0,0 +1,86 @@
+import React from 'react'
+import Image from 'next/image'
+import { ind_block_data } from '@/types/Block/blockCard.types'
+import styles from './BlockCard.module.css'
+
+interface Props {
+  leftSideImage: boolean
+  data: ind_block_data
+  number: number
+  onEdit: (data: ind_block_data) => void
+  onDelete: (id: string) => void
+}
+
+export default function BlockCardAdmin({
+  leftSideImage,
+  data,
+  number,
+  onEdit,
+  onDelete,
+}: Props) {
+  const handleEdit = () => {
+    onEdit(data)
+  }
+
+  const handleDelete = () => {
+    onDelete(data.id)
+  }
+
+  return (
+    <>
+      <div className={styles.blockCardWrapper}>
+        <div className={styles.blockCardMain}>
+          <div>
+            <button onClick={handleEdit} style={{ backgroundColor: 'yellow' }}>
+              Edit
+            </button>
+            <button
+              onClick={handleDelete}
+              style={{ backgroundColor: 'yellow' }}
+            >
+              Delete
+            </button>
+          </div>
+          <div
+            className={`${styles.blockInfo} ${
+              leftSideImage && styles.blockInfoLeft
+            }`}
+          >
+            <div className={styles.blockNumber}>
+              <h1>{number < 10 ? `0${number}` : number}</h1>
+              <div className={styles.styleDiv}></div>
+            </div>
+            <div className={styles.blockName}>
+              <h1>{data.title}</h1>
+              <br />
+              <h3>{data.start_month}</h3>
+            </div>
+            <div className={styles.blockInfo}>{data.description}</div>
+            <div className={styles.knowMore}>
+              <a href={data.url} target='_blank'>
+                <div>Know More</div>
+                <div className={styles.buttonImage}>
+                  <Image
+                    alt='button'
+                    src='/Events/event-button.svg'
+                    fill
+                    priority
+                  />
+                </div>
+              </a>
+            </div>
+          </div>
+          <div
+            className={`${styles.blockImageWrapper} ${
+              leftSideImage && styles.blockImageWrapperLeft
+            }`}
+          >
+            <div className={styles.blockImageCard}>
+              <Image src={data.image_url} fill alt='user provided image' />
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
diff --git a/package-lock.json b/package-lock.json
index 7082637..96f9c7c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -39,6 +39,7 @@
         "validator": "^13.9.0"
       },
       "devDependencies": {
+        "@types/react-modal": "^3.16.0",
         "eslint": "8.43.0",
         "eslint-config-next": "13.4.6"
       }
@@ -627,6 +628,15 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-modal": {
+      "version": "3.16.0",
+      "resolved": "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz",
+      "integrity": "sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
diff --git a/package.json b/package.json
index 2508149..8f004bd 100644
--- a/package.json
+++ b/package.json
@@ -44,6 +44,7 @@
     "validator": "^13.9.0"
   },
   "devDependencies": {
+    "@types/react-modal": "^3.16.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.6"
   },
diff --git a/pages/admin.tsx b/pages/admin.tsx
index f3e2563..bb4e024 100644
--- a/pages/admin.tsx
+++ b/pages/admin.tsx
@@ -1,7 +1,6 @@
 import { useSession } from 'next-auth/react'
 import AdminMembers from '@/components/Admins/AdminMember'
 import Hero from '@/components/Hero/Hero'
-import Image from 'next/image'
 
 const admin = () => {
   const { data: session } = useSession()
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index 1fb56a4..3218813 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -1,18 +1,11 @@
 import React, { useState, useEffect } from 'react'
 import Modal from 'react-modal'
 import axios from 'axios'
-import Block from '@/components/Block/Block'
+import BlockAdmin from '@/components/Block/BlockAdmin'
 import styles from './../../app/events/page.module.css'
 
 const Events = () => {
-  const [eventData, setEventData] = useState({
-    title: '',
-    description: '',
-    start_month: 'January',
-    url: '',
-  })
   const [events, setEvents] = useState([])
-  const [modalIsOpen, setModalIsOpen] = useState(false)
 
   useEffect(() => {
     axios.get('/api/events').then(response => {
@@ -20,104 +13,11 @@ const Events = () => {
     })
   }, [])
 
-  const handleInputChange = e => {
-    const { name, value } = e.target
-    setEventData(prevData => ({
-      ...prevData,
-      [name]: value,
-    }))
-  }
-
-  const handleAddEvent = async () => {
-    try {
-      const createdEvent = await axios.post('/api/events', eventData)
-
-      console.log('Event added to database:', createdEvent.data)
-      setModalIsOpen(false)
-      setEventData({
-        title: '',
-        description: '',
-        start_month: 'January',
-        url: '',
-      })
-    } catch (error) {
-      console.error('Error adding event to database:', error)
-    }
-  }
-
   return (
     <div>
-      <button
-        style={{
-          position: 'relative',
-          // bottom: '10px', // Adjust as needed
-          // right: '10px', // Adjust as needed
-          zIndex: '100', // Ensure the button is on top
-          backgroundColor: 'red',
-        }}
-        onClick={() => setModalIsOpen(true)}
-      >
-        Add Event
-      </button>
-
       <div className={styles.eventsWrapper}>
-        <Block title='Events' blocksData={events} />
+        <BlockAdmin title='Events' blocksData={events} />
       </div>
-
-      <Modal
-        isOpen={modalIsOpen}
-        onRequestClose={() => setModalIsOpen(false)}
-        style={{
-          content: {
-            margin: 'auto',
-            dispaly: 'block',
-            backgroundColor: 'green',
-            maxHeight: '70%', // Adjust the value as needed
-          },
-        }}
-      >
-        <h2>Add Event</h2>
-        <input
-          type='text'
-          name='title'
-          placeholder='Event Title'
-          value={eventData.title}
-          onChange={handleInputChange}
-        />
-        <textarea
-          name='description'
-          placeholder='Event Description'
-          value={eventData.description}
-          onChange={handleInputChange}
-        />
-        <select
-          name='start_month'
-          value={eventData.start_month}
-          onChange={handleInputChange}
-        >
-          <option value='January'>January</option>
-          <option value='February'>February</option>
-          <option value='March'>March</option>
-          <option value='April'>April</option>
-          <option value='May'>May</option>
-          <option value='June'>June</option>
-          <option value='July'>July</option>
-          <option value='August'>August</option>
-          <option value='September'>September</option>
-          <option value='October'>October</option>
-          <option value='November'>November</option>
-          <option value='December'>December</option>
-        </select>
-        <input
-          type='text'
-          name='url'
-          placeholder='Event URL'
-          value={eventData.url}
-          onChange={handleInputChange}
-        />
-        <button onClick={handleAddEvent}>Add Event</button>
-        <button onClick={() => setModalIsOpen(false)}>Close</button>
-      </Modal>
     </div>
   )
 }
diff --git a/pages/api/events.js b/pages/api/events.js
index 161018d..9ab3347 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -25,6 +25,37 @@ export default async function handler(req, res) {
       console.error('Error adding event to database:', error)
       res.status(500).json({ error: 'Internal server error' })
     }
+  } else if (req.method === 'PUT') {
+    const { id, ...eventData } = req.body
+
+    try {
+      const updatedEvent = await prisma.event.update({
+        where: { id },
+        data: eventData,
+      })
+
+      console.log('Event updated in database:', updatedEvent)
+      res.status(200).json(updatedEvent)
+    } catch (error) {
+      console.error('Error updating event in database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'DELETE') {
+    const eventId = req.query.id
+
+    try {
+      await prisma.event.delete({
+        where: {
+          id: eventId,
+        },
+      })
+
+      console.log('Event deleted from database')
+      res.status(204).send()
+    } catch (error) {
+      console.error('Error deleting event from database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
   } else {
     res.status(405).json({ error: 'Method not allowed' })
   }
diff --git a/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql b/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql
new file mode 100644
index 0000000..368d5cb
--- /dev/null
+++ b/prisma/migrations/20230813093415_added_image_url_to_prisma_schema/migration.sql
@@ -0,0 +1,5 @@
+-- AlterTable
+ALTER TABLE "Event" ADD COLUMN     "image_url" TEXT NOT NULL DEFAULT '';
+
+-- AlterTable
+ALTER TABLE "Project" ADD COLUMN     "image_url" TEXT NOT NULL DEFAULT '';
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 652ed41..b1008c2 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -122,6 +122,7 @@ model Event {
   description String
   start_month Month // Store the month as an enum
   url         String // URL for event details
+  image_url   String   @default("") // URL for project image
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
@@ -132,6 +133,7 @@ model Project {
   description String
   start_month Month // Store the start month as an enum
   url         String // URL for project details
+  image_url   String   @default("") // URL for project image
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
diff --git a/types/Block/blockCard.types.ts b/types/Block/blockCard.types.ts
index 3704ac6..8edf7a0 100644
--- a/types/Block/blockCard.types.ts
+++ b/types/Block/blockCard.types.ts
@@ -1,9 +1,10 @@
 export interface ind_block_data {
-  heading: string
-  content: string
-  knowMoreLink: string
-  image: string
-  time?: string
+  id: string
+  title: string
+  description: string
+  url: string
+  image_url: string
+  start_month: string
 }
 
 export default interface blocksData extends Array<ind_block_data> {}
diff --git a/yarn.lock b/yarn.lock
index c6eebca..f10379e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -299,6 +299,13 @@
   dependencies:
     "@types/react" "*"
 
+"@types/react-modal@^3.16.0":
+  version "3.16.0"
+  resolved "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz"
+  integrity sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==
+  dependencies:
+    "@types/react" "*"
+
 "@types/react@*", "@types/react@18.2.7":
   version "18.2.7"
   resolved "https://registry.npmjs.org/@types/react/-/react-18.2.7.tgz"

From 0bd2ae07f4683c04ff9feb49566b103d712e3931 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 19:38:28 +0530
Subject: [PATCH 20/40] add events working

---
 components/Block/BlockAdmin.jsx               | 145 +++++++++++++
 components/Block/BlockAdmin.tsx               | 193 ------------------
 ...{BlockCardAdmin.tsx => BlockCardAdmin.jsx} |  26 +--
 next.config.js                                |   2 +-
 pages/admin/events.jsx                        |   9 +-
 tsconfig.json                                 |   4 +-
 6 files changed, 168 insertions(+), 211 deletions(-)
 create mode 100644 components/Block/BlockAdmin.jsx
 delete mode 100644 components/Block/BlockAdmin.tsx
 rename components/Block/BlockCard/{BlockCardAdmin.tsx => BlockCardAdmin.jsx} (84%)

diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
new file mode 100644
index 0000000..348c987
--- /dev/null
+++ b/components/Block/BlockAdmin.jsx
@@ -0,0 +1,145 @@
+import React, { useState, useEffect } from 'react'
+import styles from './Block.module.css'
+import BlockCardAdmin from './BlockCard/BlockCardAdmin'
+import Modal from 'react-modal'
+import axios from 'axios'
+
+const Block = ({ title, events, getEvents }) => {
+  const [open, setOpen] = useState(false)
+  const [eventData, setEventData] = useState({
+    title: '',
+    description: '',
+    start_month: '',
+    url: '',
+    image_url: '',
+  })
+  const handleInputChange = event => {
+    const { name, value } = event.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleAddEvent = async () => {
+    try {
+      await axios.post('/api/events', eventData)
+      handleClose()
+      getEvents()
+      setEventData({
+        title: '',
+        description: '',
+        start_month: '',
+        url: '',
+        image_url: '',
+      })
+    } catch (error) {
+      console.error('Error adding event:', error)
+    }
+  }
+  const handleOpen = () => {
+    setOpen(true)
+  }
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
+  return (
+    <div id='blocksId' className={styles.blocksWrapper}>
+      <div className={`${styles.blocksMain} page-wrapper`}>
+        <div className={styles.blocksHeading}>
+          <div className={styles.text_block}>
+            <h2>{title}</h2>
+          </div>
+        </div>
+        <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
+          Add Event
+        </button>
+        <Modal
+          isOpen={open}
+          onRequestClose={handleClose}
+          style={{
+            // change to separate css file
+            overlay: {
+              position: 'fixed',
+              height: '70%',
+              width: '70%',
+              backgroundColor: 'green',
+              zIndex: '100',
+              top: '50%',
+              left: '50%',
+              transform: 'translate(-50%, -50%)',
+
+              borderRadius: '10px',
+            },
+          }}
+        >
+          <h2>Add New Event</h2>
+          <input
+            type='text'
+            name='title'
+            value={eventData.title}
+            onChange={handleInputChange}
+            placeholder='Event Title'
+          />
+          <input
+            type='text'
+            name='description'
+            value={eventData.description}
+            onChange={handleInputChange}
+            placeholder='Event Description'
+          />
+          <select
+            value={eventData.start_month}
+            onChange={handleInputChange}
+            name='start_month'
+          >
+            <option value=''>Select Month</option>
+            <option value='January'>January</option>
+            <option value='February'>February</option>
+            <option value='March'>March</option>
+            <option value='April'>April</option>
+            <option value='May'>May</option>
+            <option value='June'>June</option>
+            <option value='July'>July</option>
+            <option value='August'>August</option>
+            <option value='September'>September</option>
+            <option value='October'>October</option>
+            <option value='November'>November</option>
+            <option value='December'>December</option>
+          </select>
+          <input
+            type='text'
+            name='url'
+            value={eventData.url}
+            onChange={handleInputChange}
+            placeholder='Event URL'
+          />
+          <input
+            type='text'
+            name='image_url'
+            value={eventData.image_url}
+            onChange={handleInputChange}
+            placeholder='Image URL'
+          />
+          <button onClick={handleAddEvent}>Add Event</button>
+          <button onClick={handleClose}>Cancel</button>
+        </Modal>
+        <div className={styles.blocksCardWrapper}>
+          {events.map((data, index) => (
+            <BlockCardAdmin
+              data={data}
+              getEvents={getEvents}
+              key={index}
+              number={index + 1}
+              leftSideImage={index % 2 === 0}
+            />
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Block
diff --git a/components/Block/BlockAdmin.tsx b/components/Block/BlockAdmin.tsx
deleted file mode 100644
index 424846f..0000000
--- a/components/Block/BlockAdmin.tsx
+++ /dev/null
@@ -1,193 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import Modal from 'react-modal'
-import axios from 'axios'
-import BlockCardAdmin from './BlockCard/BlockCardAdmin'
-import styles from './Block.module.css'
-
-interface EventData {
-  id: string
-  title: string
-  description: string
-  start_month: string
-  url: string
-  image_url: string
-}
-
-interface Props {
-  title: string
-  blocksData: EventData[]
-  onEdit: (editedData: EventData) => void
-  onDelete: (id: string) => void
-}
-
-export default function BlockAdmin({
-  title,
-  blocksData,
-  onEdit,
-  onDelete,
-}: Props) {
-  const [eventData, setEventData] = useState<EventData>({
-    id: '',
-    title: '',
-    description: '',
-    start_month: 'January',
-    url: '',
-    image_url: '',
-  })
-
-  const [modalIsOpen, setModalIsOpen] = useState(false)
-  const [editingEvent, setEditingEvent] = useState<EventData | null>(null)
-
-  useEffect(() => {
-    if (editingEvent) {
-      setEventData(editingEvent)
-    }
-  }, [editingEvent])
-
-  const handleInputChange = (
-    e: React.ChangeEvent<
-      HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement
-    >,
-  ) => {
-    const { name, value } = e.target
-    setEventData(prevData => ({
-      ...prevData,
-      [name]: value,
-    }))
-  }
-
-  const handleEdit = (editedData: EventData) => {
-    setEditingEvent(editedData)
-    setModalIsOpen(true)
-  }
-
-  const handleDelete = async (eventId: string) => {
-    try {
-      await axios.delete(`/api/events/${eventId}`)
-      fetchEvents()
-    } catch (error) {
-      console.error('Error deleting event:', error)
-    }
-  }
-
-  const handleAddEvent = async () => {
-    try {
-      if (editingEvent) {
-        const updatedEvent = await axios.put(`/api/events/${editingEvent.id}`, {
-          ...eventData,
-        })
-        onEdit(updatedEvent.data)
-      } else {
-        const createdEvent = await axios.post('/api/events', eventData)
-        console.log('Event added to database:', createdEvent.data)
-      }
-      setModalIsOpen(false)
-      setEventData({
-        id: '',
-        title: '',
-        description: '',
-        start_month: 'January',
-        url: '',
-        image_url: '',
-      })
-      setEditingEvent(null)
-    } catch (error) {
-      console.error('Error adding/editing event:', error)
-    }
-  }
-
-  const fetchEvents = async () => {
-    try {
-      const response = await axios.get('/api/events')
-      setEventData(response.data)
-    } catch (error) {
-      console.error('Error fetching events:', error)
-    }
-  }
-
-  return (
-    <div id='blocksId' className={styles.blocksWrapper}>
-      <div className={`${styles.blocksMain} page-wrapper`}>
-        <div className={styles.blocksHeading}>
-          <div className={styles.text_block}>
-            <h2>{title}</h2>
-          </div>
-        </div>
-        <button
-          style={{
-            position: 'relative',
-            zIndex: 100,
-            backgroundColor: 'red',
-          }}
-          onClick={() => setModalIsOpen(true)}
-        >
-          Add Event
-        </button>
-        <Modal
-          isOpen={modalIsOpen}
-          onRequestClose={() => setModalIsOpen(false)}
-          style={{
-            content: {
-              margin: 'auto',
-              backgroundColor: 'green',
-              maxHeight: '70%',
-              width: '70%',
-            },
-          }}
-        >
-          <h2>Add Event</h2>
-          <input
-            type='text'
-            name='title'
-            placeholder='Event Title'
-            value={eventData.title}
-            onChange={handleInputChange}
-          />
-          <textarea
-            name='description'
-            placeholder='Event Description'
-            value={eventData.description}
-            onChange={handleInputChange}
-          />
-          <select
-            name='start_month'
-            value={eventData.start_month}
-            onChange={handleInputChange}
-          >
-            <option value='January'>January</option>
-          </select>
-          <input
-            type='text'
-            name='url'
-            placeholder='Event URL'
-            value={eventData.url}
-            onChange={handleInputChange}
-          />
-          <input
-            type='text'
-            name='image_url'
-            placeholder='Image URL'
-            value={eventData.image_url}
-            onChange={handleInputChange}
-          />
-          <button onClick={handleAddEvent}>Add Event</button>
-          <button onClick={() => setModalIsOpen(false)}>Close</button>
-        </Modal>
-        <div className={styles.blocksCardWrapper}>
-          {blocksData.map((data, index) => {
-            return (
-              <BlockCardAdmin
-                data={data}
-                key={index}
-                number={index + 1}
-                leftSideImage={index % 2 === 0} // Adjust this condition
-                onEdit={handleEdit} // Pass the onEdit function
-                onDelete={handleDelete} // Pass the onDelete function
-              />
-            )
-          })}
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/components/Block/BlockCard/BlockCardAdmin.tsx b/components/Block/BlockCard/BlockCardAdmin.jsx
similarity index 84%
rename from components/Block/BlockCard/BlockCardAdmin.tsx
rename to components/Block/BlockCard/BlockCardAdmin.jsx
index 09fc0ab..36241fb 100644
--- a/components/Block/BlockCard/BlockCardAdmin.tsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,29 +1,21 @@
 import React from 'react'
 import Image from 'next/image'
-import { ind_block_data } from '@/types/Block/blockCard.types'
 import styles from './BlockCard.module.css'
 
-interface Props {
-  leftSideImage: boolean
-  data: ind_block_data
-  number: number
-  onEdit: (data: ind_block_data) => void
-  onDelete: (id: string) => void
-}
-
-export default function BlockCardAdmin({
+const BlockCardAdmin = ({
   leftSideImage,
   data,
   number,
   onEdit,
   onDelete,
-}: Props) {
+  getEvents,
+}) => {
   const handleEdit = () => {
     onEdit(data)
   }
 
   const handleDelete = () => {
-    onDelete(data.id)
+    onDelete(data)
   }
 
   return (
@@ -76,7 +68,13 @@ export default function BlockCardAdmin({
             }`}
           >
             <div className={styles.blockImageCard}>
-              <Image src={data.image_url} fill alt='user provided image' />
+              <Image
+                src={data.image_url}
+                fill
+                alt={
+                  'https://drive.google.com/file/d/1NvfHESPsWNBuLEu7s6pRXmeg7kaVf2iA/view?usp=drive_link'
+                }
+              />
             </div>
           </div>
         </div>
@@ -84,3 +82,5 @@ export default function BlockCardAdmin({
     </>
   )
 }
+
+export default BlockCardAdmin
diff --git a/next.config.js b/next.config.js
index 273cb88..3fa1575 100644
--- a/next.config.js
+++ b/next.config.js
@@ -2,7 +2,7 @@
 const nextConfig = {
   reactStrictMode: true,
   images: {
-    domains: ['drive.google.com', 'https://drive.google.com'],
+    domains: ['drive.google.com', 'https://drive.google.com', 'picsum.photos'],
   },
 }
 
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index 3218813..e109c3f 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react'
-import Modal from 'react-modal'
 import axios from 'axios'
 import BlockAdmin from '@/components/Block/BlockAdmin'
 import styles from './../../app/events/page.module.css'
@@ -7,16 +6,20 @@ import styles from './../../app/events/page.module.css'
 const Events = () => {
   const [events, setEvents] = useState([])
 
-  useEffect(() => {
+  const getEvents = () => {
     axios.get('/api/events').then(response => {
       setEvents(response.data)
     })
+  }
+
+  useEffect(() => {
+    getEvents()
   }, [])
 
   return (
     <div>
       <div className={styles.eventsWrapper}>
-        <BlockAdmin title='Events' blocksData={events} />
+        <BlockAdmin title='Events' events={events} getEvents={getEvents} />
       </div>
     </div>
   )
diff --git a/tsconfig.json b/tsconfig.json
index f7dd4b1..01624a1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -32,7 +32,9 @@
     "components/Block/BlockCard/BlockCard.jsx",
     "components/Block/Block.tsx",
     "pages/_app.js",
-    "pages/admin/events.jsx"
+    "pages/admin/events.jsx",
+    "components/Block/BlockAdmin.jsx",
+    "components/Block/BlockCard/BlockCardAdmin.jsx"
   ],
   "exclude": [
     "node_modules",

From c7e89e533dc3e801db43561e4de1afe514f24d7b Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 23:09:41 +0530
Subject: [PATCH 21/40] saving..

---
 components/Block/BlockAdmin.jsx               | 23 +++++++++----------
 components/Block/BlockCard/BlockCardAdmin.jsx | 22 ++++++++++--------
 pages/api/events.js                           |  6 +++--
 3 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index 348c987..ef0ec66 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -9,7 +9,7 @@ const Block = ({ title, events, getEvents }) => {
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
-    start_month: '',
+    start_month: 'January',
     url: '',
     image_url: '',
   })
@@ -29,7 +29,7 @@ const Block = ({ title, events, getEvents }) => {
       setEventData({
         title: '',
         description: '',
-        start_month: '',
+        start_month: 'January',
         url: '',
         image_url: '',
       })
@@ -59,19 +59,19 @@ const Block = ({ title, events, getEvents }) => {
         <Modal
           isOpen={open}
           onRequestClose={handleClose}
+          shouldCloseOnOverlayClick={true}
           style={{
             // change to separate css file
             overlay: {
-              position: 'fixed',
-              height: '70%',
-              width: '70%',
-              backgroundColor: 'green',
               zIndex: '100',
-              top: '50%',
-              left: '50%',
-              transform: 'translate(-50%, -50%)',
-
-              borderRadius: '10px',
+            },
+            content: {
+              backgroundColor: 'green',
+              margin: 'auto',
+              width: '70%',
+              height: '80%',
+              justifyContent: 'center',
+              alignItems: 'center',
             },
           }}
         >
@@ -131,7 +131,6 @@ const Block = ({ title, events, getEvents }) => {
             <BlockCardAdmin
               data={data}
               getEvents={getEvents}
-              key={index}
               number={index + 1}
               leftSideImage={index % 2 === 0}
             />
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 36241fb..d8527e4 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,21 +1,23 @@
 import React from 'react'
 import Image from 'next/image'
 import styles from './BlockCard.module.css'
+import axios from 'axios'
 
-const BlockCardAdmin = ({
-  leftSideImage,
-  data,
-  number,
-  onEdit,
-  onDelete,
-  getEvents,
-}) => {
+const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
   const handleEdit = () => {
     onEdit(data)
   }
 
-  const handleDelete = () => {
-    onDelete(data)
+  const handleDelete = async () => {
+    try {
+      const eventId = data.id
+      console.log('eventId:', eventId)
+
+      await axios.delete('/api/events/', eventId)
+      getEvents()
+    } catch (error) {
+      console.error('Error deleting event:', error)
+    }
   }
 
   return (
diff --git a/pages/api/events.js b/pages/api/events.js
index 9ab3347..4865c20 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -3,6 +3,7 @@ import { PrismaClient } from '@prisma/client'
 const prisma = new PrismaClient()
 
 export default async function handler(req, res) {
+  console.log('req.method', req.method)
   if (req.method === 'GET') {
     try {
       const events = await prisma.event.findMany()
@@ -41,12 +42,13 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'DELETE') {
-    const eventId = req.query.id
+    const uid = req.body.id
+    console.log('eventId', uid)
 
     try {
       await prisma.event.delete({
         where: {
-          id: eventId,
+          id: uid,
         },
       })
 

From 929a7960da67bed0f2ca0ae945192c6bd329185f Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Fri, 18 Aug 2023 23:25:55 +0530
Subject: [PATCH 22/40] delete events done

---
 components/Block/BlockCard/BlockCardAdmin.jsx | 13 ++++++++++---
 pages/api/events.js                           |  6 ++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index d8527e4..a70ed0e 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -4,8 +4,15 @@ import styles from './BlockCard.module.css'
 import axios from 'axios'
 
 const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
-  const handleEdit = () => {
-    onEdit(data)
+  const handleEdit = async () => {
+    try {
+      const eventId = data.id
+      console.log('eventId:', eventId)
+      await axios.put(`/api/events/?eventId=${eventId}`, data)
+      getEvents()
+    } catch (error) {
+      console.error('Error editing event:', error)
+    }
   }
 
   const handleDelete = async () => {
@@ -13,7 +20,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       const eventId = data.id
       console.log('eventId:', eventId)
 
-      await axios.delete('/api/events/', eventId)
+      await axios.delete(`/api/events/?eventId=${eventId}`)
       getEvents()
     } catch (error) {
       console.error('Error deleting event:', error)
diff --git a/pages/api/events.js b/pages/api/events.js
index 4865c20..0623756 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -3,7 +3,6 @@ import { PrismaClient } from '@prisma/client'
 const prisma = new PrismaClient()
 
 export default async function handler(req, res) {
-  console.log('req.method', req.method)
   if (req.method === 'GET') {
     try {
       const events = await prisma.event.findMany()
@@ -42,13 +41,12 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'DELETE') {
-    const uid = req.body.id
-    console.log('eventId', uid)
+    const eventId = req.query.eventId
 
     try {
       await prisma.event.delete({
         where: {
-          id: uid,
+          id: eventId,
         },
       })
 

From f81cf2be21e270fa1f1588395dc2b489d462b8c7 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 00:26:24 +0530
Subject: [PATCH 23/40] edit events done

---
 components/Block/BlockCard/BlockCardAdmin.jsx | 104 +++++++++++++++++-
 pages/api/events.js                           |   4 +-
 2 files changed, 102 insertions(+), 6 deletions(-)

diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index a70ed0e..6e5826d 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -1,15 +1,41 @@
-import React from 'react'
+import React, { useState, useEffect } from 'react'
 import Image from 'next/image'
 import styles from './BlockCard.module.css'
 import axios from 'axios'
+import Modal from 'react-modal'
 
 const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
+  const [open, setOpen] = useState(false)
+  const [eventData, setEventData] = useState({
+    title: data.title,
+    description: data.description,
+    start_month: data.start_month,
+    url: data.url,
+    image_url: data.image_url,
+  })
+
+  const handleInputChange = event => {
+    const { name, value } = event.target
+    setEventData(prevData => ({
+      ...prevData,
+      [name]: value,
+    }))
+  }
+
+  const handleOpen = () => {
+    setOpen(true)
+  }
+
+  const handleClose = () => {
+    setOpen(false)
+  }
+
   const handleEdit = async () => {
     try {
       const eventId = data.id
-      console.log('eventId:', eventId)
-      await axios.put(`/api/events/?eventId=${eventId}`, data)
+      await axios.put(`/api/events/?eventId=${eventId}`, eventData)
       getEvents()
+      handleClose()
     } catch (error) {
       console.error('Error editing event:', error)
     }
@@ -32,7 +58,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       <div className={styles.blockCardWrapper}>
         <div className={styles.blockCardMain}>
           <div>
-            <button onClick={handleEdit} style={{ backgroundColor: 'yellow' }}>
+            <button onClick={handleOpen} style={{ backgroundColor: 'yellow' }}>
               Edit
             </button>
             <button
@@ -41,6 +67,76 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
             >
               Delete
             </button>
+            <Modal
+              isOpen={open}
+              onRequestClose={handleClose}
+              shouldCloseOnOverlayClick={true}
+              style={{
+                // change to separate css file
+                overlay: {
+                  zIndex: '100',
+                },
+                content: {
+                  backgroundColor: 'green',
+                  margin: 'auto',
+                  width: '70%',
+                  height: '80%',
+                  justifyContent: 'center',
+                  alignItems: 'center',
+                },
+              }}
+            >
+              <h2>Edit Event</h2>
+              <input
+                type='text'
+                name='title'
+                value={eventData.title}
+                onChange={handleInputChange}
+                placeholder='Event Title'
+              />
+              <input
+                type='text'
+                name='description'
+                value={eventData.description}
+                onChange={handleInputChange}
+                placeholder='Event Description'
+              />
+              <select
+                value={eventData.start_month}
+                onChange={handleInputChange}
+                name='start_month'
+              >
+                <option value=''>Select Month</option>
+                <option value='January'>January</option>
+                <option value='February'>February</option>
+                <option value='March'>March</option>
+                <option value='April'>April</option>
+                <option value='May'>May</option>
+                <option value='June'>June</option>
+                <option value='July'>July</option>
+                <option value='August'>August</option>
+                <option value='September'>September</option>
+                <option value='October'>October</option>
+                <option value='November'>November</option>
+                <option value='December'>December</option>
+              </select>
+              <input
+                type='text'
+                name='url'
+                value={eventData.url}
+                onChange={handleInputChange}
+                placeholder='Event URL'
+              />
+              <input
+                type='text'
+                name='image_url'
+                value={eventData.image_url}
+                onChange={handleInputChange}
+                placeholder='Image URL'
+              />
+              <button onClick={handleEdit}>Edit Event</button>
+              <button onClick={handleClose}>Cancel</button>
+            </Modal>
           </div>
           <div
             className={`${styles.blockInfo} ${
diff --git a/pages/api/events.js b/pages/api/events.js
index 0623756..cb89a80 100644
--- a/pages/api/events.js
+++ b/pages/api/events.js
@@ -26,11 +26,11 @@ export default async function handler(req, res) {
       res.status(500).json({ error: 'Internal server error' })
     }
   } else if (req.method === 'PUT') {
+    const eventId = req.query.eventId
     const { id, ...eventData } = req.body
-
     try {
       const updatedEvent = await prisma.event.update({
-        where: { id },
+        where: { id: eventId },
         data: eventData,
       })
 

From 347d6f976f5d713732fd9703d42295bf0e1cda5d Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 01:04:28 +0530
Subject: [PATCH 24/40] events done

---
 app/events/page.tsx | 26 +++++++++++++++++++-------
 package-lock.json   | 39 +++++++++++++++++++++++++++++++++++++++
 package.json        |  1 +
 tsconfig.json       |  4 +++-
 yarn.lock           | 34 ++++++++++++++++++++++++++++++++--
 5 files changed, 94 insertions(+), 10 deletions(-)

diff --git a/app/events/page.tsx b/app/events/page.tsx
index d55035d..51ae8c3 100644
--- a/app/events/page.tsx
+++ b/app/events/page.tsx
@@ -1,14 +1,26 @@
-import data from './data'
-import Block from '@/components/Block/Block'
+'use client'
 
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
 import styles from './page.module.css'
 
 export default function Events() {
+  const [eventsData, setEventsData] = useState([])
+
+  const getEvents = () => {
+    axios.get('/api/events').then(response => {
+      setEventsData(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getEvents()
+  }, [])
+
   return (
-    <>
-      <div className={styles.eventsWrapper}>
-        <Block title='Events' blocksData={data} />
-      </div>
-    </>
+    <div className={styles.eventsWrapper}>
+      <Block title='Events' blocksData={eventsData} />
+    </div>
   )
 }
diff --git a/package-lock.json b/package-lock.json
index 96f9c7c..e659cc4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "react": "18.2.0",
         "react-dom": "18.2.0",
         "react-icons": "^4.10.1",
+        "react-interactions": "^0.0.8",
         "react-modal": "^3.16.1",
         "sharp": "^0.32.1",
         "tailwindcss": "3.3.2",
@@ -3740,6 +3741,11 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
       "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ=="
     },
+    "node_modules/node-waves": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz",
+      "integrity": "sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ=="
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4495,6 +4501,39 @@
         "react-dom": "^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0"
       }
     },
+    "node_modules/react-interactions": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/react-interactions/-/react-interactions-0.0.8.tgz",
+      "integrity": "sha512-uQ3rKwzaZzNKZtMPA1eULad1LMitErPfoLQGcR92bj654EMdzdtKnTqC+asmO1xQzgB3A9TGPGY6DweO5qE/gg==",
+      "dependencies": {
+        "classnames": "^2.2.5",
+        "gsap": "^1.20.3",
+        "node-waves": "^0.7.5",
+        "prop-types": "^15.5.10",
+        "react": "^16.0.0"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0"
+      }
+    },
+    "node_modules/react-interactions/node_modules/gsap": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-1.20.6.tgz",
+      "integrity": "sha512-XM2BdaoJP23KSg/u4FnsqVI+HI7/jcVZbHFU8JfzNLvPCF08yf4a/WRFP/lQ5gbWydpL7g/YKjPe/PMpw+5WJQ=="
+    },
+    "node_modules/react-interactions/node_modules/react": {
+      "version": "16.14.0",
+      "resolved": "https://registry.npmjs.org/react/-/react-16.14.0.tgz",
+      "integrity": "sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.6.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
diff --git a/package.json b/package.json
index 8f004bd..38055dd 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-icons": "^4.10.1",
+    "react-interactions": "^0.0.8",
     "react-modal": "^3.16.1",
     "sharp": "^0.32.1",
     "tailwindcss": "3.3.2",
diff --git a/tsconfig.json b/tsconfig.json
index 01624a1..5e07954 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -34,7 +34,9 @@
     "pages/_app.js",
     "pages/admin/events.jsx",
     "components/Block/BlockAdmin.jsx",
-    "components/Block/BlockCard/BlockCardAdmin.jsx"
+    "components/Block/BlockCard/BlockCardAdmin.jsx",
+    "app/events/page.jsx",
+    "app/layout.jsx"
   ],
   "exclude": [
     "node_modules",
diff --git a/yarn.lock b/yarn.lock
index f10379e..7906f31 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -713,7 +713,7 @@ chownr@^1.1.1:
   resolved "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz"
   integrity sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==
 
-classnames@^2.2.6:
+classnames@^2.2.5, classnames@^2.2.6:
   version "2.3.2"
   resolved "https://registry.npmjs.org/classnames/-/classnames-2.3.2.tgz"
   integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
@@ -1593,6 +1593,11 @@ graphemer@^1.4.0:
   resolved "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz"
   integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
 
+gsap@^1.20.3:
+  version "1.20.6"
+  resolved "https://registry.npmjs.org/gsap/-/gsap-1.20.6.tgz"
+  integrity sha512-XM2BdaoJP23KSg/u4FnsqVI+HI7/jcVZbHFU8JfzNLvPCF08yf4a/WRFP/lQ5gbWydpL7g/YKjPe/PMpw+5WJQ==
+
 gsap@^3.11.5:
   version "3.11.5"
   resolved "https://registry.npmjs.org/gsap/-/gsap-3.11.5.tgz"
@@ -2155,6 +2160,11 @@ node-releases@^2.0.12:
   resolved "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz"
   integrity sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==
 
+node-waves@^0.7.5:
+  version "0.7.6"
+  resolved "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz"
+  integrity sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ==
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -2507,7 +2517,7 @@ prisma@^4.15.0:
   dependencies:
     "@prisma/engines" "4.15.0"
 
-prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -2583,6 +2593,17 @@ react-indiana-drag-scroll@^2.2.0:
     debounce "^1.2.0"
     easy-bem "^1.1.1"
 
+react-interactions@^0.0.8:
+  version "0.0.8"
+  resolved "https://registry.npmjs.org/react-interactions/-/react-interactions-0.0.8.tgz"
+  integrity sha512-uQ3rKwzaZzNKZtMPA1eULad1LMitErPfoLQGcR92bj654EMdzdtKnTqC+asmO1xQzgB3A9TGPGY6DweO5qE/gg==
+  dependencies:
+    classnames "^2.2.5"
+    gsap "^1.20.3"
+    node-waves "^0.7.5"
+    prop-types "^15.5.10"
+    react "^16.0.0"
+
 react-is@^16.13.1:
   version "16.13.1"
   resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
@@ -2603,6 +2624,15 @@ react-modal@^3.16.1:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
+react@^16.0.0:
+  version "16.14.0"
+  resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
+  integrity sha512-0X2CImDkJGApiAlcf0ODKIneSwBPhqJawOa5wCtKbu7ZECrmS26NvtSILynQ66cgkT/RJ4LidJOc3bUESwmU8g==
+  dependencies:
+    loose-envify "^1.1.0"
+    object-assign "^4.1.1"
+    prop-types "^15.6.2"
+
 react@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"

From b2aab702efd134fe4303d9b1397dd0d57427b4f8 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 19 Aug 2023 02:09:27 +0530
Subject: [PATCH 25/40] projects done

---
 app/events/page.tsx                           |  2 +-
 app/layout.tsx                                |  2 +-
 app/projects/page.tsx                         | 31 ++++++----
 components/AppBar/AppBar.tsx                  |  8 +--
 components/Block/BlockAdmin.jsx               | 11 ++--
 components/Block/BlockCard/BlockCardAdmin.jsx | 23 ++++---
 package.json                                  |  5 --
 pages/_app.tsx                                |  3 +-
 pages/admin/events.jsx                        |  9 ++-
 pages/admin/members.jsx                       |  4 ++
 pages/admin/members.tsx                       |  0
 pages/admin/project.tsx                       |  0
 pages/admin/projects.jsx                      | 35 +++++++++++
 pages/api/{ => admin}/events.js               |  8 +--
 pages/api/admin/members.js                    |  1 +
 pages/api/admin/prismaClient.js               |  6 ++
 pages/api/admin/projects.js                   | 60 +++++++++++++++++++
 tsconfig.json                                 |  4 +-
 18 files changed, 167 insertions(+), 45 deletions(-)
 create mode 100644 pages/admin/members.jsx
 delete mode 100644 pages/admin/members.tsx
 delete mode 100644 pages/admin/project.tsx
 create mode 100644 pages/admin/projects.jsx
 rename pages/api/{ => admin}/events.js (88%)
 create mode 100644 pages/api/admin/members.js
 create mode 100644 pages/api/admin/prismaClient.js
 create mode 100644 pages/api/admin/projects.js

diff --git a/app/events/page.tsx b/app/events/page.tsx
index 51ae8c3..9caae44 100644
--- a/app/events/page.tsx
+++ b/app/events/page.tsx
@@ -9,7 +9,7 @@ export default function Events() {
   const [eventsData, setEventsData] = useState([])
 
   const getEvents = () => {
-    axios.get('/api/events').then(response => {
+    axios.get('/api/admin/events').then(response => {
       setEventsData(response.data)
     })
   }
diff --git a/app/layout.tsx b/app/layout.tsx
index cb6c47c..1de26ab 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -9,7 +9,7 @@ const inter = Inter({ subsets: ['latin'] })
 
 export const metadata = {
   title: 'Coding Club Website',
-  description: 'Coded by Shubh Agarwal (https://github.com/ShubhAgarwal-dev)',
+  description: 'The official website of the Coding Club of IIT Dharwad',
 }
 
 interface RootLayoutProps {
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 1252344..fec910f 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -1,19 +1,26 @@
-import Block from '@/components/Block/Block'
-import data from './data'
+'use client'
 
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
 import styles from './page.module.css'
 
-export const metadata = {
-  title: 'Projects for Coding Club',
-  description: 'Coded by Shubh Agarwal (https://github.com/ShubhAgarwal-dev)',
-}
+export default function Events() {
+  const [eventsData, setEventsData] = useState([])
+
+  const getEvents = () => {
+    axios.get('/api/admin/projects').then(response => {
+      setEventsData(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getEvents()
+  }, [])
 
-export default function Project() {
   return (
-    <>
-      <div className={styles.projectWrapper}>
-        <Block title='Projects' blocksData={data} />
-      </div>
-    </>
+    <div className={styles.eventsWrapper}>
+      <Block title='Projects' blocksData={eventsData} />
+    </div>
   )
 }
diff --git a/components/AppBar/AppBar.tsx b/components/AppBar/AppBar.tsx
index c1f004c..d49abd2 100644
--- a/components/AppBar/AppBar.tsx
+++ b/components/AppBar/AppBar.tsx
@@ -49,14 +49,14 @@ export default function AppBar() {
                 active && styles.activeSidebar
               } font-sans`}
             >
-              {/* <div className={styles.option}>
-                <Link href='/' scroll={false}>
+              <div className={styles.option}>
+                {/* <Link href='/' scroll={false}>
                   <div>Home</div>
-                </Link>
+                </Link> */}
                 <Link href='/events' scroll={false}>
                   <div>Events</div>
                 </Link>
-              </div> */}
+              </div>
               <div className={styles.option}>
                 <Link href='/projects' scroll={false}>
                   <div>Projects</div>
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index ef0ec66..9198e1b 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -4,12 +4,13 @@ import BlockCardAdmin from './BlockCard/BlockCardAdmin'
 import Modal from 'react-modal'
 import axios from 'axios'
 
-const Block = ({ title, events, getEvents }) => {
+const Block = ({ title, events, getEvents, type }) => {
+  const typeText = type === 'events' ? 'Event' : 'Project'
   const [open, setOpen] = useState(false)
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
-    start_month: 'January',
+    start_month: '',
     url: '',
     image_url: '',
   })
@@ -23,7 +24,7 @@ const Block = ({ title, events, getEvents }) => {
 
   const handleAddEvent = async () => {
     try {
-      await axios.post('/api/events', eventData)
+      await axios.post(`/api/admin/${type}`, eventData)
       handleClose()
       getEvents()
       setEventData({
@@ -54,7 +55,7 @@ const Block = ({ title, events, getEvents }) => {
           </div>
         </div>
         <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
-          Add Event
+          Add {typeText}
         </button>
         <Modal
           isOpen={open}
@@ -133,6 +134,8 @@ const Block = ({ title, events, getEvents }) => {
               getEvents={getEvents}
               number={index + 1}
               leftSideImage={index % 2 === 0}
+              type={type}
+              typeText={typeText}
             />
           ))}
         </div>
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 6e5826d..852c182 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -4,7 +4,14 @@ import styles from './BlockCard.module.css'
 import axios from 'axios'
 import Modal from 'react-modal'
 
-const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
+const BlockCardAdmin = ({
+  leftSideImage,
+  data,
+  number,
+  getEvents,
+  type,
+  typeText,
+}) => {
   const [open, setOpen] = useState(false)
   const [eventData, setEventData] = useState({
     title: data.title,
@@ -33,7 +40,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
   const handleEdit = async () => {
     try {
       const eventId = data.id
-      await axios.put(`/api/events/?eventId=${eventId}`, eventData)
+      await axios.put(`/api/admin/${type}?eventId=${eventId}`, eventData)
       getEvents()
       handleClose()
     } catch (error) {
@@ -46,7 +53,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
       const eventId = data.id
       console.log('eventId:', eventId)
 
-      await axios.delete(`/api/events/?eventId=${eventId}`)
+      await axios.delete(`/api/admin/${type}/?eventId=${eventId}`)
       getEvents()
     } catch (error) {
       console.error('Error deleting event:', error)
@@ -86,20 +93,20 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 },
               }}
             >
-              <h2>Edit Event</h2>
+              <h2>Edit {typeText}</h2>
               <input
                 type='text'
                 name='title'
                 value={eventData.title}
                 onChange={handleInputChange}
-                placeholder='Event Title'
+                placeholder={`Edit ${typeText}`}
               />
               <input
                 type='text'
                 name='description'
                 value={eventData.description}
                 onChange={handleInputChange}
-                placeholder='Event Description'
+                placeholder={`${typeText} Description`}
               />
               <select
                 value={eventData.start_month}
@@ -125,7 +132,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 name='url'
                 value={eventData.url}
                 onChange={handleInputChange}
-                placeholder='Event URL'
+                placeholder={`${typeText} URL`}
               />
               <input
                 type='text'
@@ -134,7 +141,7 @@ const BlockCardAdmin = ({ leftSideImage, data, number, getEvents }) => {
                 onChange={handleInputChange}
                 placeholder='Image URL'
               />
-              <button onClick={handleEdit}>Edit Event</button>
+              <button onClick={handleEdit}>Edit {typeText}</button>
               <button onClick={handleClose}>Cancel</button>
             </Modal>
           </div>
diff --git a/package.json b/package.json
index 38055dd..ee066f6 100644
--- a/package.json
+++ b/package.json
@@ -48,10 +48,5 @@
     "@types/react-modal": "^3.16.0",
     "eslint": "8.43.0",
     "eslint-config-next": "13.4.6"
-  },
-  "author": {
-    "name": "Shubh Agarwal",
-    "email": "shubhagarwal539@gmail.com",
-    "url": "https://shubhagarwal-dev.github.io"
   }
 }
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 5967e30..94fd0fe 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,7 +1,7 @@
 import { SessionProvider } from 'next-auth/react'
 import { AppProps } from 'next/app'
 import ProtectedLayout from '../app/protectedLayouts'
-import { ReactNode } from 'react' // Import ReactNode type
+import { ReactNode } from 'react'
 
 type AppPropsWithAuth = AppProps & {
   Component: {
@@ -13,7 +13,6 @@ export default function App({
   Component,
   pageProps,
 }: AppPropsWithAuth): JSX.Element {
-  // Explicitly specify return type
   return (
     <SessionProvider session={pageProps.session}>
       {Component.requireAuth ? (
diff --git a/pages/admin/events.jsx b/pages/admin/events.jsx
index e109c3f..5697959 100644
--- a/pages/admin/events.jsx
+++ b/pages/admin/events.jsx
@@ -7,7 +7,7 @@ const Events = () => {
   const [events, setEvents] = useState([])
 
   const getEvents = () => {
-    axios.get('/api/events').then(response => {
+    axios.get('/api/admin/events').then(response => {
       setEvents(response.data)
     })
   }
@@ -19,7 +19,12 @@ const Events = () => {
   return (
     <div>
       <div className={styles.eventsWrapper}>
-        <BlockAdmin title='Events' events={events} getEvents={getEvents} />
+        <BlockAdmin
+          title='Events'
+          events={events}
+          getEvents={getEvents}
+          type={'events'}
+        />
       </div>
     </div>
   )
diff --git a/pages/admin/members.jsx b/pages/admin/members.jsx
new file mode 100644
index 0000000..e6b0fd7
--- /dev/null
+++ b/pages/admin/members.jsx
@@ -0,0 +1,4 @@
+const Members = () => {
+  return <>hello members</>
+}
+export default Members
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/admin/project.tsx b/pages/admin/project.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/pages/admin/projects.jsx b/pages/admin/projects.jsx
new file mode 100644
index 0000000..ab4d9a6
--- /dev/null
+++ b/pages/admin/projects.jsx
@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import BlockAdmin from '@/components/Block/BlockAdmin'
+import styles from './../../app/projects/page.module.css'
+
+const Projects = () => {
+  const [projects, setProjects] = useState([])
+
+  const getProjects = () => {
+    axios.get('/api/admin/projects').then(response => {
+      setProjects(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getProjects()
+  }, [])
+
+  return (
+    <div>
+      <div className={styles.eventsWrapper}>
+        <BlockAdmin
+          title='Projects'
+          events={projects}
+          getEvents={getProjects}
+          type={'projects'}
+        />
+      </div>
+    </div>
+  )
+}
+
+Projects.requireAuth = true
+
+export default Projects
diff --git a/pages/api/events.js b/pages/api/admin/events.js
similarity index 88%
rename from pages/api/events.js
rename to pages/api/admin/events.js
index cb89a80..9a71b07 100644
--- a/pages/api/events.js
+++ b/pages/api/admin/events.js
@@ -1,6 +1,4 @@
-import { PrismaClient } from '@prisma/client'
-
-const prisma = new PrismaClient()
+import prisma from './prismaClient'
 
 export default async function handler(req, res) {
   if (req.method === 'GET') {
@@ -19,7 +17,7 @@ export default async function handler(req, res) {
         data: eventData,
       })
 
-      console.log('Event added to database:', createdEvent)
+      console.log('Event added to database:')
       res.status(201).json(createdEvent)
     } catch (error) {
       console.error('Error adding event to database:', error)
@@ -34,7 +32,7 @@ export default async function handler(req, res) {
         data: eventData,
       })
 
-      console.log('Event updated in database:', updatedEvent)
+      console.log('Event updated in database')
       res.status(200).json(updatedEvent)
     } catch (error) {
       console.error('Error updating event in database:', error)
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
new file mode 100644
index 0000000..fb2ff00
--- /dev/null
+++ b/pages/api/admin/members.js
@@ -0,0 +1 @@
+import prisma from './prismaClient'
diff --git a/pages/api/admin/prismaClient.js b/pages/api/admin/prismaClient.js
new file mode 100644
index 0000000..3657854
--- /dev/null
+++ b/pages/api/admin/prismaClient.js
@@ -0,0 +1,6 @@
+// prisma.js
+import { PrismaClient } from '@prisma/client'
+
+const prisma = new PrismaClient()
+
+export default prisma
diff --git a/pages/api/admin/projects.js b/pages/api/admin/projects.js
new file mode 100644
index 0000000..73196f2
--- /dev/null
+++ b/pages/api/admin/projects.js
@@ -0,0 +1,60 @@
+import prisma from './prismaClient'
+
+export default async function handler(req, res) {
+  if (req.method === 'GET') {
+    try {
+      const projects = await prisma.project.findMany()
+      res.status(200).json(projects)
+    } catch (error) {
+      console.error('Error fetching projects:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'POST') {
+    const eventData = req.body
+
+    try {
+      const createdEvent = await prisma.project.create({
+        data: eventData,
+      })
+
+      console.log('Event added to database:')
+      res.status(201).json(createdEvent)
+    } catch (error) {
+      console.error('Error adding project to database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'PUT') {
+    const eventId = req.query.eventId
+    const { id, ...eventData } = req.body
+    try {
+      const updatedEvent = await prisma.project.update({
+        where: { id: eventId },
+        data: eventData,
+      })
+
+      console.log('Event updated in database:')
+      res.status(200).json(updatedEvent)
+    } catch (error) {
+      console.error('Error updating project in database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'DELETE') {
+    const eventId = req.query.eventId
+
+    try {
+      await prisma.project.delete({
+        where: {
+          id: eventId,
+        },
+      })
+
+      console.log('Event deleted from database')
+      res.status(204).send()
+    } catch (error) {
+      console.error('Error deleting project from database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
index 5e07954..3c47d13 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -36,7 +36,9 @@
     "components/Block/BlockAdmin.jsx",
     "components/Block/BlockCard/BlockCardAdmin.jsx",
     "app/events/page.jsx",
-    "app/layout.jsx"
+    "app/layout.jsx",
+    "pages/admin/projects.jsx",
+    "pages/admin/members.jsx"
   ],
   "exclude": [
     "node_modules",

From 353c3a02d0fc2a3feab2f84c55653a0c4815c1c3 Mon Sep 17 00:00:00 2001
From: divyjx <divyjx@gmail.com>
Date: Fri, 29 Sep 2023 23:46:25 +0530
Subject: [PATCH 26/40] events and project admin pages styled

---
 app/projects/page.tsx                         |  2 +-
 components/Block/Block.module.css             | 86 +++++++++++++++++++
 components/Block/BlockAdmin.jsx               | 22 ++---
 .../Block/BlockCard/BlockCard.module.css      | 83 ++++++++++++++++++
 components/Block/BlockCard/BlockCardAdmin.jsx | 22 +----
 pages/admin/projects.jsx                      |  2 +-
 6 files changed, 183 insertions(+), 34 deletions(-)

diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index fec910f..d85207d 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -19,7 +19,7 @@ export default function Events() {
   }, [])
 
   return (
-    <div className={styles.eventsWrapper}>
+    <div className={styles.projectWrapper}>
       <Block title='Projects' blocksData={eventsData} />
     </div>
   )
diff --git a/components/Block/Block.module.css b/components/Block/Block.module.css
index 8d3b1d9..f516b7c 100644
--- a/components/Block/Block.module.css
+++ b/components/Block/Block.module.css
@@ -27,3 +27,89 @@
   line-height: 1;
   max-width: 100%;
 }
+
+/* add button */
+.typeButton {
+  color: white;
+  background-color: #212830;
+  border-radius: 4px;
+  margin: 3px;
+  padding: 4px;
+  margin: 2px auto;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: large;
+  width: 125px;
+  box-shadow: 2px 2px 0 0 black;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+.typeButton:hover {
+  color: white;
+  background: black;
+  box-shadow: 2px 2px 0 0 white;
+}
+
+/* styles for add menu */
+.blockModal {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  margin: auto;
+  width: 60%;
+  height: 70%;
+  justify-content: center;
+  align-items: center;
+  background: #e1e1e1;
+  background-color: rgb(46, 46, 46);
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  padding: 30px;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 4);
+  text-align: center;
+  color: white;
+}
+.blockModal > h2 {
+  font-size: larger;
+  font-weight: 600;
+  text-align: center;
+  margin-top: 10px;
+  margin-bottom: 30px;
+}
+
+.blockModal > input,
+.blockModal > select {
+  width: 100%;
+  resize: vertical;
+  padding: 15px;
+  border-radius: 5px;
+  border: 0;
+  margin: 5px;
+  background-color: rgb(0, 0, 0);
+}
+
+.blockModal > button {
+  color: white;
+  background-color: black;
+  border-radius: 5px;
+  padding: 4px;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: large;
+  width: 125px;
+  margin: 30px 10px;
+  justify-content: center;
+}
+.blockModal > button:hover {
+  color: black;
+  background: white;
+  box-shadow: 3px 3px 0 0 black;
+}
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index 9198e1b..098b618 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -54,7 +54,7 @@ const Block = ({ title, events, getEvents, type }) => {
             <h2>{title}</h2>
           </div>
         </div>
-        <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
+        <button className={styles.typeButton} onClick={handleOpen}>
           Add {typeText}
         </button>
         <Modal
@@ -66,30 +66,24 @@ const Block = ({ title, events, getEvents, type }) => {
             overlay: {
               zIndex: '100',
             },
-            content: {
-              backgroundColor: 'green',
-              margin: 'auto',
-              width: '70%',
-              height: '80%',
-              justifyContent: 'center',
-              alignItems: 'center',
-            },
           }}
+          className={styles.blockModal}
         >
-          <h2>Add New Event</h2>
+          <h2>Add New {typeText}</h2>
           <input
             type='text'
             name='title'
             value={eventData.title}
             onChange={handleInputChange}
-            placeholder='Event Title'
+            placeholder={typeText + ' Title'}
           />
+
           <input
             type='text'
             name='description'
             value={eventData.description}
             onChange={handleInputChange}
-            placeholder='Event Description'
+            placeholder={typeText + ' Description'}
           />
           <select
             value={eventData.start_month}
@@ -115,7 +109,7 @@ const Block = ({ title, events, getEvents, type }) => {
             name='url'
             value={eventData.url}
             onChange={handleInputChange}
-            placeholder='Event URL'
+            placeholder={typeText + ' URL'}
           />
           <input
             type='text'
@@ -124,7 +118,7 @@ const Block = ({ title, events, getEvents, type }) => {
             onChange={handleInputChange}
             placeholder='Image URL'
           />
-          <button onClick={handleAddEvent}>Add Event</button>
+          <button onClick={handleAddEvent}>Add {typeText}</button>
           <button onClick={handleClose}>Cancel</button>
         </Modal>
         <div className={styles.blocksCardWrapper}>
diff --git a/components/Block/BlockCard/BlockCard.module.css b/components/Block/BlockCard/BlockCard.module.css
index a5499af..3c690d9 100644
--- a/components/Block/BlockCard/BlockCard.module.css
+++ b/components/Block/BlockCard/BlockCard.module.css
@@ -145,3 +145,86 @@ for projects and events so we converted them to block */
     padding-right: 0;
   }
 }
+.blockCardModal {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+
+  margin: auto;
+  width: 60%;
+  height: 70%;
+  justify-content: center;
+  align-items: center;
+  background: #e1e1e1;
+  background-color: rgb(46, 46, 46);
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  padding: 30px;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 4);
+  text-align: center;
+  color: white;
+}
+.blockCardModal > h2 {
+  font-size: larger;
+  font-weight: 600;
+  text-align: center;
+  margin-top: 10px;
+  margin-bottom: 30px;
+}
+
+.blockCardModal > input,
+.blockCardModal > select {
+  width: 100%;
+  resize: vertical;
+  padding: 15px;
+  border-radius: 5px;
+  border: 0;
+  margin: 5px;
+  background-color: rgb(0, 0, 0);
+}
+
+.blockCardModal > button {
+  color: white;
+  background-color: black;
+  border-radius: 5px;
+  padding: 4px;
+  margin: 2px auto;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: large;
+  width: 125px;
+  margin: 30px 10px;
+  justify-content: center;
+}
+.blockCardModal > button:hover {
+  color: black;
+  background: white;
+  box-shadow: 3px 3px 0 0 black;
+}
+
+/* Blockcard button (edit, delete) css here*/
+.adminButtons > button {
+  color: white;
+  background-color: black;
+  border-radius: 4px;
+  padding: 4px;
+  cursor: pointer;
+  transition: 0.3s;
+  justify-content: center;
+  margin: 5px;
+  width: 80px;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+.adminButtons > button:hover {
+  color: black;
+  background: white;
+  box-shadow: 2px 2px 0 0 black;
+}
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 852c182..752340a 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -64,16 +64,9 @@ const BlockCardAdmin = ({
     <>
       <div className={styles.blockCardWrapper}>
         <div className={styles.blockCardMain}>
-          <div>
-            <button onClick={handleOpen} style={{ backgroundColor: 'yellow' }}>
-              Edit
-            </button>
-            <button
-              onClick={handleDelete}
-              style={{ backgroundColor: 'yellow' }}
-            >
-              Delete
-            </button>
+          <div className={styles.adminButtons}>
+            <button onClick={handleOpen}>Edit</button>
+            <button onClick={handleDelete}>Delete</button>
             <Modal
               isOpen={open}
               onRequestClose={handleClose}
@@ -83,15 +76,8 @@ const BlockCardAdmin = ({
                 overlay: {
                   zIndex: '100',
                 },
-                content: {
-                  backgroundColor: 'green',
-                  margin: 'auto',
-                  width: '70%',
-                  height: '80%',
-                  justifyContent: 'center',
-                  alignItems: 'center',
-                },
               }}
+              className={styles.blockCardModal}
             >
               <h2>Edit {typeText}</h2>
               <input
diff --git a/pages/admin/projects.jsx b/pages/admin/projects.jsx
index ab4d9a6..c52f583 100644
--- a/pages/admin/projects.jsx
+++ b/pages/admin/projects.jsx
@@ -18,7 +18,7 @@ const Projects = () => {
 
   return (
     <div>
-      <div className={styles.eventsWrapper}>
+      <div className={styles.projectWrapper}>
         <BlockAdmin
           title='Projects'
           events={projects}

From 6c949563fa6d015e5a0c0a745ac9b6aef6c28e34 Mon Sep 17 00:00:00 2001
From: divyjx <divyjx@gmail.com>
Date: Sat, 30 Sep 2023 01:47:56 +0530
Subject: [PATCH 27/40] admin pages validation done

---
 components/Block/Block.module.css             |  7 ++++
 components/Block/BlockAdmin.jsx               | 36 +++++++++++--------
 .../Block/BlockCard/BlockCard.module.css      |  7 ++++
 components/Block/BlockCard/BlockCardAdmin.jsx | 24 ++++++++-----
 4 files changed, 52 insertions(+), 22 deletions(-)

diff --git a/components/Block/Block.module.css b/components/Block/Block.module.css
index f516b7c..538a232 100644
--- a/components/Block/Block.module.css
+++ b/components/Block/Block.module.css
@@ -113,3 +113,10 @@
   background: white;
   box-shadow: 3px 3px 0 0 black;
 }
+
+/* error box */
+.blockModal > h4 {
+  height: 20px;
+  color: #ed3636;
+  transition: all;
+}
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index 098b618..e7326bc 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -7,6 +7,7 @@ import axios from 'axios'
 const Block = ({ title, events, getEvents, type }) => {
   const typeText = type === 'events' ? 'Event' : 'Project'
   const [open, setOpen] = useState(false)
+  const [formError, setFromError] = useState('')
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
@@ -20,23 +21,29 @@ const Block = ({ title, events, getEvents, type }) => {
       ...prevData,
       [name]: value,
     }))
+    setFromError('')
   }
 
   const handleAddEvent = async () => {
-    try {
-      await axios.post(`/api/admin/${type}`, eventData)
-      handleClose()
-      getEvents()
-      setEventData({
-        title: '',
-        description: '',
-        start_month: 'January',
-        url: '',
-        image_url: '',
-      })
-    } catch (error) {
-      console.error('Error adding event:', error)
-    }
+    if (eventData.title.trim() == '') {
+      setFromError('Enter a valid title')
+    } else if (eventData.start_month == '') {
+      setFromError('Pick a starting Month')
+    } else
+      try {
+        await axios.post(`/api/admin/${type}`, eventData)
+        handleClose()
+        getEvents()
+        setEventData({
+          title: '',
+          description: '',
+          start_month: 'January',
+          url: '',
+          image_url: '',
+        })
+      } catch (error) {
+        console.error('Error adding event:', error)
+      }
   }
   const handleOpen = () => {
     setOpen(true)
@@ -118,6 +125,7 @@ const Block = ({ title, events, getEvents, type }) => {
             onChange={handleInputChange}
             placeholder='Image URL'
           />
+          <h4>{formError}</h4>
           <button onClick={handleAddEvent}>Add {typeText}</button>
           <button onClick={handleClose}>Cancel</button>
         </Modal>
diff --git a/components/Block/BlockCard/BlockCard.module.css b/components/Block/BlockCard/BlockCard.module.css
index 3c690d9..28432e0 100644
--- a/components/Block/BlockCard/BlockCard.module.css
+++ b/components/Block/BlockCard/BlockCard.module.css
@@ -228,3 +228,10 @@ for projects and events so we converted them to block */
   background: white;
   box-shadow: 2px 2px 0 0 black;
 }
+
+/* error box */
+.blockCardModal > h4 {
+  height: 20px;
+  color: #ed3636;
+  transition: all;
+}
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 752340a..2e00db7 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -13,6 +13,7 @@ const BlockCardAdmin = ({
   typeText,
 }) => {
   const [open, setOpen] = useState(false)
+  const [formError, setFromError] = useState('')
   const [eventData, setEventData] = useState({
     title: data.title,
     description: data.description,
@@ -27,6 +28,7 @@ const BlockCardAdmin = ({
       ...prevData,
       [name]: value,
     }))
+    setFromError('')
   }
 
   const handleOpen = () => {
@@ -38,14 +40,19 @@ const BlockCardAdmin = ({
   }
 
   const handleEdit = async () => {
-    try {
-      const eventId = data.id
-      await axios.put(`/api/admin/${type}?eventId=${eventId}`, eventData)
-      getEvents()
-      handleClose()
-    } catch (error) {
-      console.error('Error editing event:', error)
-    }
+    if (eventData.title.trim() == '') {
+      setFromError('Enter a valid title')
+    } else if (eventData.start_month == '') {
+      setFromError('Pick a starting Month')
+    } else
+      try {
+        const eventId = data.id
+        await axios.put(`/api/admin/${type}?eventId=${eventId}`, eventData)
+        getEvents()
+        handleClose()
+      } catch (error) {
+        console.error('Error editing event:', error)
+      }
   }
 
   const handleDelete = async () => {
@@ -127,6 +134,7 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 placeholder='Image URL'
               />
+              <h4>{formError}</h4>
               <button onClick={handleEdit}>Edit {typeText}</button>
               <button onClick={handleClose}>Cancel</button>
             </Modal>

From b160e59c5f7160e0db6f908bab59bd9bf91fb928 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 7 Oct 2023 16:10:48 +0530
Subject: [PATCH 28/40] members done

---
 components/Registration/RegBlock/RegBlock.tsx |   2 -
 components/Table/IndividualCol.tsx            |  36 +-
 components/Table/InfoTable.tsx                |  27 +-
 package-lock.json                             | 536 ++++++++++++++++++
 package.json                                  |   3 +
 pages/admin/members.tsx                       |   7 +-
 pages/api/admin/members.js                    |  15 +-
 pages/api/codeforces.ts                       |  13 +-
 pages/api/leetcode.ts                         |  14 +-
 yarn.lock                                     | 348 +++++++++++-
 10 files changed, 970 insertions(+), 31 deletions(-)

diff --git a/components/Registration/RegBlock/RegBlock.tsx b/components/Registration/RegBlock/RegBlock.tsx
index 54edcf5..6966544 100644
--- a/components/Registration/RegBlock/RegBlock.tsx
+++ b/components/Registration/RegBlock/RegBlock.tsx
@@ -4,9 +4,7 @@ import React, { useEffect, useState } from 'react'
 import Loading from '@/components/Loading/Loading'
 import useAuth from '@/hooks/useAuth'
 import { useRouter } from 'next/navigation'
-
 import styles from './RegBlock.module.css'
-
 import { State } from '@/types/AuthContext/AuthContext.type'
 import { reg_inputs } from '@/types/Registration/RegBlock.types'
 
diff --git a/components/Table/IndividualCol.tsx b/components/Table/IndividualCol.tsx
index d0a54d1..c634da5 100644
--- a/components/Table/IndividualCol.tsx
+++ b/components/Table/IndividualCol.tsx
@@ -1,17 +1,26 @@
-import { it } from 'node:test'
+import React from 'react'
 import DeleteIcon from '@mui/icons-material/Delete'
 import axios from 'axios'
 
 interface Props {
   data_items: string[]
   index_row: number
+  userType?: string
+  onDelete: (index: number) => void // Callback function to remove the item from the UI
 }
 
-const IndividualCol = ({ index_row, data_items }: Props) => {
+const IndividualCol = ({
+  index_row,
+  data_items,
+  userType,
+  onDelete,
+}: Props) => {
   const handleDelete = async (itemId: any) => {
+    console.log(itemId)
     try {
-      const response = await axios.delete(`/api/admin/members?id=${itemId}`)
+      await axios.delete(`/api/admin/members?id=${itemId}`)
       // Handle success (e.g., remove the item from the UI)
+      onDelete(index_row) // Call the onDelete callback to remove the item from the UI
     } catch (error) {
       console.error('Error deleting member:', error)
       // Handle error (e.g., show an error message)
@@ -20,7 +29,7 @@ const IndividualCol = ({ index_row, data_items }: Props) => {
 
   return (
     <tr
-      className='border-b bg-gray-800 odd:bg-gray-500 even:bg-gray-400'
+      className={`border-b bg-gray-800 odd:bg-gray-500 even:bg-gray-400`}
       key={index_row}
     >
       {data_items.map((item, index) => {
@@ -29,18 +38,27 @@ const IndividualCol = ({ index_row, data_items }: Props) => {
             <th
               scope='row'
               className='px-6 py-4 md:px-10 font-medium text-white whitespace-nowrap'
+              key={index}
             >
               {item}
             </th>
           )
         }
-        if (index === 3) {
-          return <DeleteIcon onClick={() => handleDelete(item)} />
+        if (index === 3 && userType === 'admin') {
+          return (
+            <td className='px-6 py-4 md:px-10' key={index}>
+              <DeleteIcon onClick={() => handleDelete(item)} />
+            </td>
+          )
         }
-        if (index === data_items.length - 1) {
-          return <td className='px-6 py-4 md:px-10'>{item}</td>
+        if (index === 3 && userType !== 'admin') {
+          return null // Skip rendering the 4th column if not admin
         }
-        return <td className='px-6 py-4 md:px-10'>{item}</td>
+        return (
+          <td className='px-6 py-4 md:px-10' key={index}>
+            {item}
+          </td>
+        )
       })}
     </tr>
   )
diff --git a/components/Table/InfoTable.tsx b/components/Table/InfoTable.tsx
index 0e2d636..f328bf2 100644
--- a/components/Table/InfoTable.tsx
+++ b/components/Table/InfoTable.tsx
@@ -7,10 +7,24 @@ interface Props {
   table_heading: string
   headings: string[]
   row_data: string[][]
+  setRowData: ((data: string[][]) => void) | null
+  userType?: string
 }
 
-const InfoTable = ({ table_heading, headings, row_data }: Props) => {
-  // console.log(row_data)
+const InfoTable = ({
+  table_heading,
+  headings,
+  row_data,
+  setRowData,
+  userType,
+}: Props) => {
+  const handleDelete = (indexToDelete: any) => {
+    if (setRowData !== null) {
+      const updatedRowData = [...row_data]
+      updatedRowData.splice(indexToDelete, 1)
+      setRowData(updatedRowData)
+    }
+  }
   return (
     <>
       <div className={styles.headingWrapper}>
@@ -24,7 +38,14 @@ const InfoTable = ({ table_heading, headings, row_data }: Props) => {
               {row_data ? (
                 <tbody>
                   {row_data.map((row, index) => {
-                    return <IndividualCol data_items={row} index_row={index} />
+                    return (
+                      <IndividualCol
+                        data_items={row}
+                        index_row={index}
+                        userType={userType}
+                        onDelete={() => handleDelete(index)}
+                      />
+                    )
                   })}
                 </tbody>
               ) : (
diff --git a/package-lock.json b/package-lock.json
index d3330b6..4ba74d8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -23,12 +23,15 @@
         "codeforces-api-ts": "^2.0.1",
         "cookies-next": "^2.1.2",
         "dotenv": "^16.3.1",
+        "express": "^4.18.2",
         "flowbite": "^1.6.6",
         "flowbite-react": "^0.4.9",
         "gsap": "^3.11.5",
         "leetcode-query": "^0.2.7",
         "next": "13.4.4",
         "next-auth": "^4.22.4",
+        "nodemailer": "^6.9.5",
+        "nodemailer-express-handlebars": "^6.1.0",
         "postcss": "8.4.24",
         "prettier": "2.8.8",
         "prisma": "^4.15.0",
@@ -1357,6 +1360,18 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/acorn": {
       "version": "8.10.0",
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
@@ -1486,6 +1501,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
     "node_modules/array-includes": {
       "version": "3.1.6",
       "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
@@ -1755,6 +1775,56 @@
         "readable-stream": "^3.4.0"
       }
     },
+    "node_modules/body-parser": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz",
+      "integrity": "sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.11.0",
+        "raw-body": "2.5.1",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/body-parser/node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/bplist-parser": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz",
@@ -1867,6 +1937,14 @@
         "node": ">=10.16.0"
       }
     },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz",
@@ -2061,6 +2139,25 @@
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz",
@@ -2074,6 +2171,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
     "node_modules/cookies-next": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/cookies-next/-/cookies-next-2.1.2.tgz",
@@ -2273,6 +2375,14 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/dequal": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
@@ -2282,6 +2392,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz",
@@ -2357,6 +2476,11 @@
       "resolved": "https://registry.npmjs.org/easy-bem/-/easy-bem-1.1.1.tgz",
       "integrity": "sha512-GJRqdiy2h+EXy6a8E6R+ubmqUM08BK0FWNq41k24fup6045biQ8NXxoXimiwegMQvFFV3t1emADdGNL1TlS61A=="
     },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.416",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.416.tgz",
@@ -2368,6 +2492,14 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -2503,6 +2635,11 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
     "node_modules/escape-string-regexp": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
@@ -3000,6 +3137,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/execa": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/execa/-/execa-7.2.0.tgz",
@@ -3036,6 +3181,82 @@
         "node": ">=6"
       }
     },
+    "node_modules/express": {
+      "version": "4.18.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.18.2.tgz",
+      "integrity": "sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.1",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.5.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.2.0",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.11.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.18.0",
+        "serve-static": "1.15.0",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz",
+      "integrity": "sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/express/node_modules/qs": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz",
+      "integrity": "sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3116,6 +3337,36 @@
         "node": ">=8"
       }
     },
+    "node_modules/finalhandler": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz",
+      "integrity": "sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
     "node_modules/find-root": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz",
@@ -3223,6 +3474,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/fraction.js": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz",
@@ -3235,6 +3494,14 @@
         "url": "https://www.patreon.com/infusion"
       }
     },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/fs-constants": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
@@ -3544,6 +3811,21 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/human-signals": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz",
@@ -3553,6 +3835,17 @@
         "node": ">=14.18.0"
       }
     },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ieee754": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
@@ -3638,6 +3931,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
@@ -4145,6 +4446,19 @@
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
       "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw=="
     },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w=="
+    },
     "node_modules/merge-stream": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
@@ -4159,6 +4473,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/micromatch": {
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -4171,6 +4493,17 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/mime-db": {
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
@@ -4289,6 +4622,14 @@
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
       "dev": true
     },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/next": {
       "version": "13.4.4",
       "resolved": "https://registry.npmjs.org/next/-/next-13.4.4.tgz",
@@ -4441,6 +4782,26 @@
       "resolved": "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz",
       "integrity": "sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ=="
     },
+    "node_modules/nodemailer": {
+      "version": "6.9.5",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.5.tgz",
+      "integrity": "sha512-/dmdWo62XjumuLc5+AYQZeiRj+PRR8y8qKtFCOyuOl1k/hckZd8durUUHs/ucKx6/8kN+wFxqKJlQ/LK/qR5FA==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nodemailer-express-handlebars": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-express-handlebars/-/nodemailer-express-handlebars-6.1.0.tgz",
+      "integrity": "sha512-CWhsoDDa5JbvQmOxTOJhISFuUqDLKW0kvL09whIDBnD71P8ykATCQ+xOjQfltXR5qpK15m0AqwE/kHgbYx/zsQ==",
+      "engines": {
+        "node": "14.* || 16.* || >= 18"
+      },
+      "peerDependencies": {
+        "express-handlebars": ">= 6.0.0",
+        "nodemailer": ">= 6.0.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4621,6 +4982,17 @@
         "node": "^10.13.0 || >=12.0.0"
       }
     },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
@@ -4759,6 +5131,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -4790,6 +5170,11 @@
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ=="
+    },
     "node_modules/path-type": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
@@ -5079,6 +5464,18 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
@@ -5140,6 +5537,28 @@
       "resolved": "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz",
       "integrity": "sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag=="
     },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz",
+      "integrity": "sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/rc": {
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz",
@@ -5575,6 +5994,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
     "node_modules/scheduler": {
       "version": "0.23.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@@ -5597,6 +6021,66 @@
         "node": ">=10"
       }
     },
+    "node_modules/send": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.18.0.tgz",
+      "integrity": "sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz",
+      "integrity": "sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==",
+      "dependencies": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.18.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
     "node_modules/sharp": {
       "version": "0.32.4",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.32.4.tgz",
@@ -5735,6 +6219,14 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/streamsearch": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
@@ -6092,6 +6584,14 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
@@ -6222,6 +6722,18 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/typed-array-buffer": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
@@ -6314,6 +6826,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/untildify": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
@@ -6366,6 +6886,14 @@
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/uuid": {
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
@@ -6387,6 +6915,14 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/warning": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
diff --git a/package.json b/package.json
index 7f68f67..5598bed 100644
--- a/package.json
+++ b/package.json
@@ -28,12 +28,15 @@
     "codeforces-api-ts": "^2.0.1",
     "cookies-next": "^2.1.2",
     "dotenv": "^16.3.1",
+    "express": "^4.18.2",
     "flowbite": "^1.6.6",
     "flowbite-react": "^0.4.9",
     "gsap": "^3.11.5",
     "leetcode-query": "^0.2.7",
     "next": "13.4.4",
     "next-auth": "^4.22.4",
+    "nodemailer": "^6.9.5",
+    "nodemailer-express-handlebars": "^6.1.0",
     "postcss": "8.4.24",
     "prettier": "2.8.8",
     "prisma": "^4.15.0",
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
index aa7682b..8820fdb 100644
--- a/pages/admin/members.tsx
+++ b/pages/admin/members.tsx
@@ -307,7 +307,7 @@ const Page = () => {
                     <option value=' DEVELOPER'>Developer</option>
                     <option value='ASSET_DES'>asset des</option>
                     <option value='MUSIC_COMP'>music comp</option>
-                    <option value=' STORY_WRITING'>story writing</option>
+                    <option value='STORY_WRITING'>story writing</option>
                     <option value='ENV_DES'>env des</option>
                   </select>
                 </label>
@@ -359,7 +359,9 @@ const Page = () => {
                 <InfoTable
                   headings={headings_mem}
                   row_data={memArr}
+                  setRowData={setMemArr}
                   table_heading='Members'
+                  userType={'admin'}
                 />
               </>
             ) : (
@@ -372,6 +374,7 @@ const Page = () => {
                 headings={headings_foss}
                 row_data={fossArr}
                 table_heading='FOSS MEMBERS'
+                setRowData={null}
               />
             ) : (
               <Loading />
@@ -383,6 +386,7 @@ const Page = () => {
                 headings={headings_cp}
                 row_data={cpArr}
                 table_heading='Competitive Programming'
+                setRowData={null}
               />
             ) : (
               <Loading />
@@ -394,6 +398,7 @@ const Page = () => {
                 headings={headings_gd}
                 row_data={gdArr}
                 table_heading='Game Development'
+                setRowData={null}
               />
             ) : (
               <Loading />
diff --git a/pages/api/admin/members.js b/pages/api/admin/members.js
index 4d190f2..77ae886 100644
--- a/pages/api/admin/members.js
+++ b/pages/api/admin/members.js
@@ -64,17 +64,30 @@ export default async function handler(req, res) {
   } else if (req.method === 'DELETE') {
     try {
       const { id } = req.query
+      console.log(req.query)
       if (!id) {
         return res.status(400).json({ error: 'Missing member ID' })
       }
 
+      // Check if the member with the provided id exists in the database
+      const existingMember = await prisma.members.findUnique({
+        where: {
+          id: id,
+        },
+      })
+
+      if (!existingMember) {
+        return res.status(404).json({ error: 'Member not found' })
+      }
+
+      // Member exists, proceed with deletion
       const deletedMember = await prisma.members.delete({
         where: {
           id: id,
         },
       })
 
-      res.status(200).json(deletedMember)
+      res.status(204).end() // Respond with 204 No Content for successful deletion
     } catch (error) {
       console.error('Error deleting member:', error)
       res.status(500).json({ error: 'Could not delete member' })
diff --git a/pages/api/codeforces.ts b/pages/api/codeforces.ts
index c753368..86e0cf0 100644
--- a/pages/api/codeforces.ts
+++ b/pages/api/codeforces.ts
@@ -15,18 +15,19 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     }
 
     const errors: string[] = []
-    //need to add validation for roll , for both leetcode and codeforces
+    const regex =
+      /^(?:\d+|(?:cs|ee|me|ch|mc|ep|ce|is|ma|hs|bb|ph|cy|xm|xc)([2][0-3]|[2][0-3])(bt|mt|ms)\d{3})$/
     const validtionSchema = [
+      {
+        valid: regex.test(rollNumber),
+        errorMessage: 'Invalid Format for Roll Number',
+      },
       {
         valid: validator.isLength(rollNumber, {
           min: 9,
           max: 9,
         }),
-        errorMessage: 'Invalid Length Roll Number Detected',
-      },
-      {
-        valid: validator.isNumeric(rollNumber),
-        errorMessage: 'Invalid Characters Detected in Roll Number',
+        errorMessage: 'Invalid Length for Roll Number',
       },
     ]
 
diff --git a/pages/api/leetcode.ts b/pages/api/leetcode.ts
index d29fb38..afbe3ca 100644
--- a/pages/api/leetcode.ts
+++ b/pages/api/leetcode.ts
@@ -16,18 +16,20 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     }
 
     const errors: string[] = []
-    //need to add validation for roll , for both leetcode and codeforces
+
+    const regex =
+      /^(?:\d+|(?:cs|ee|me|ch|mc|ep|ce|is|ma|hs|bb|ph|cy|xm|xc)([2][0-3]|[2][0-3])(bt|mt|ms)\d{3})$/
     const validtionSchema = [
+      {
+        valid: regex.test(rollNumber),
+        errorMessage: 'Invalid Format for Roll Number',
+      },
       {
         valid: validator.isLength(rollNumber, {
           min: 9,
           max: 9,
         }),
-        errorMessage: 'Invalid Length Roll Number Detected',
-      },
-      {
-        valid: validator.isNumeric(rollNumber),
-        errorMessage: 'Invalid Characters Detected in Roll Number',
+        errorMessage: 'Invalid Length for Roll Number',
       },
     ]
 
diff --git a/yarn.lock b/yarn.lock
index d4fd288..af24b56 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -632,6 +632,14 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
+accepts@~1.3.8:
+  version "1.3.8"
+  resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
+  integrity sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==
+  dependencies:
+    mime-types "~2.1.34"
+    negotiator "0.6.3"
+
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz"
@@ -726,6 +734,11 @@ array-buffer-byte-length@^1.0.0:
     call-bind "^1.0.2"
     is-array-buffer "^3.0.1"
 
+array-flatten@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz"
+  integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==
+
 array-includes@^3.1.6:
   version "3.1.6"
   resolved "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz"
@@ -887,6 +900,24 @@ bl@^4.0.3:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
+body-parser@1.20.1:
+  version "1.20.1"
+  resolved "https://registry.npmjs.org/body-parser/-/body-parser-1.20.1.tgz"
+  integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw==
+  dependencies:
+    bytes "3.1.2"
+    content-type "~1.0.4"
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    on-finished "2.4.1"
+    qs "6.11.0"
+    raw-body "2.5.1"
+    type-is "~1.6.18"
+    unpipe "1.0.0"
+
 bplist-parser@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz"
@@ -941,6 +972,11 @@ busboy@1.6.0:
   dependencies:
     streamsearch "^1.1.0"
 
+bytes@3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz"
+  integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
+
 call-bind@^1.0.0, call-bind@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/call-bind/-/call-bind-1.0.2.tgz"
@@ -1082,11 +1118,28 @@ concat-map@0.0.1:
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+content-disposition@0.5.4:
+  version "0.5.4"
+  resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz"
+  integrity sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==
+  dependencies:
+    safe-buffer "5.2.1"
+
+content-type@~1.0.4:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz"
+  integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==
+
 convert-source-map@^1.5.0:
   version "1.9.0"
   resolved "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz"
   integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==
 
+cookie-signature@1.0.6:
+  version "1.0.6"
+  resolved "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz"
+  integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==
+
 cookie@^0.4.0:
   version "0.4.2"
   resolved "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz"
@@ -1097,6 +1150,11 @@ cookie@^0.5.0:
   resolved "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz"
   integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
 
+cookie@0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmjs.org/cookie/-/cookie-0.5.0.tgz"
+  integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
+
 cookies-next@^2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/cookies-next/-/cookies-next-2.1.2.tgz"
@@ -1165,6 +1223,13 @@ debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
   dependencies:
     ms "2.1.2"
 
+debug@2.6.9:
+  version "2.6.9"
+  resolved "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz"
+  integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==
+  dependencies:
+    ms "2.0.0"
+
 decompress-response@^6.0.0:
   version "6.0.0"
   resolved "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz"
@@ -1218,11 +1283,21 @@ delayed-stream@~1.0.0:
   resolved "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz"
   integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 
+depd@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz"
+  integrity sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==
+
 dequal@^2.0.3:
   version "2.0.3"
   resolved "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz"
   integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==
 
+destroy@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz"
+  integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==
+
 detect-libc@^2.0.0, detect-libc@^2.0.2:
   version "2.0.2"
   resolved "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.2.tgz"
@@ -1282,6 +1357,11 @@ easy-bem@^1.1.1:
   resolved "https://registry.npmjs.org/easy-bem/-/easy-bem-1.1.1.tgz"
   integrity sha512-GJRqdiy2h+EXy6a8E6R+ubmqUM08BK0FWNq41k24fup6045biQ8NXxoXimiwegMQvFFV3t1emADdGNL1TlS61A==
 
+ee-first@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
+  integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
+
 electron-to-chromium@^1.4.411:
   version "1.4.416"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.416.tgz"
@@ -1292,6 +1372,11 @@ emoji-regex@^9.2.2:
   resolved "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
+encodeurl@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz"
+  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==
+
 end-of-stream@^1.1.0, end-of-stream@^1.4.1:
   version "1.4.4"
   resolved "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz"
@@ -1389,6 +1474,11 @@ escalade@^3.1.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escape-html@~1.0.3:
+  version "1.0.3"
+  resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
+  integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
+
 escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
@@ -1607,6 +1697,11 @@ esutils@^2.0.2:
   resolved "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz"
   integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==
 
+etag@~1.8.1:
+  version "1.8.1"
+  resolved "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz"
+  integrity sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==
+
 execa@^5.0.0:
   version "5.1.1"
   resolved "https://registry.npmjs.org/execa/-/execa-5.1.1.tgz"
@@ -1647,6 +1742,43 @@ expand-template@^2.0.3:
   resolved "https://registry.npmjs.org/expand-template/-/expand-template-2.0.3.tgz"
   integrity sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==
 
+express@^4.18.2:
+  version "4.18.2"
+  resolved "https://registry.npmjs.org/express/-/express-4.18.2.tgz"
+  integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ==
+  dependencies:
+    accepts "~1.3.8"
+    array-flatten "1.1.1"
+    body-parser "1.20.1"
+    content-disposition "0.5.4"
+    content-type "~1.0.4"
+    cookie "0.5.0"
+    cookie-signature "1.0.6"
+    debug "2.6.9"
+    depd "2.0.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    finalhandler "1.2.0"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    merge-descriptors "1.0.1"
+    methods "~1.1.2"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    path-to-regexp "0.1.7"
+    proxy-addr "~2.0.7"
+    qs "6.11.0"
+    range-parser "~1.2.1"
+    safe-buffer "5.2.1"
+    send "0.18.0"
+    serve-static "1.15.0"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    type-is "~1.6.18"
+    utils-merge "1.0.1"
+    vary "~1.1.2"
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
@@ -1699,6 +1831,19 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
+finalhandler@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/finalhandler/-/finalhandler-1.2.0.tgz"
+  integrity sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==
+  dependencies:
+    debug "2.6.9"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    on-finished "2.4.1"
+    parseurl "~1.3.3"
+    statuses "2.0.1"
+    unpipe "~1.0.0"
+
 find-root@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz"
@@ -1765,11 +1910,21 @@ form-data@^4.0.0:
     combined-stream "^1.0.8"
     mime-types "^2.1.12"
 
+forwarded@0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz"
+  integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==
+
 fraction.js@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npmjs.org/fraction.js/-/fraction.js-4.2.0.tgz"
   integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==
 
+fresh@0.5.2:
+  version "0.5.2"
+  resolved "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz"
+  integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==
+
 fs-constants@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz"
@@ -2002,6 +2157,17 @@ hoist-non-react-statics@^3.3.1:
   dependencies:
     react-is "^16.7.0"
 
+http-errors@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
+  integrity sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==
+  dependencies:
+    depd "2.0.0"
+    inherits "2.0.4"
+    setprototypeof "1.2.0"
+    statuses "2.0.1"
+    toidentifier "1.0.1"
+
 human-signals@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-2.1.0.tgz"
@@ -2012,6 +2178,13 @@ human-signals@^4.3.0:
   resolved "https://registry.npmjs.org/human-signals/-/human-signals-4.3.1.tgz"
   integrity sha512-nZXjEF2nbo7lIw3mgYjItAfgQXog3OjJogSbKa2CQIIvSGWcKgeJnQlNXip6NglNzYH45nSRiEVimMvYL8DDqQ==
 
+iconv-lite@0.4.24:
+  version "0.4.24"
+  resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz"
+  integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3"
+
 ieee754@^1.1.13:
   version "1.2.1"
   resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz"
@@ -2043,7 +2216,7 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-inherits@^2.0.3, inherits@^2.0.4, inherits@2:
+inherits@^2.0.3, inherits@^2.0.4, inherits@2, inherits@2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
@@ -2062,6 +2235,11 @@ internal-slot@^1.0.3, internal-slot@^1.0.5:
     has "^1.0.3"
     side-channel "^1.0.4"
 
+ipaddr.js@1.9.1:
+  version "1.9.1"
+  resolved "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
+  integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==
+
 is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz"
@@ -2370,6 +2548,16 @@ make-error@^1.1.1:
   resolved "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz"
   integrity sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==
 
+media-typer@0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"
+  integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
+
+merge-descriptors@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz"
+  integrity sha512-cCi6g3/Zr1iqQi6ySbseM1Xvooa98N0w31jzUYrXPX2xqObmFGHJ0tQ5u74H3mVh7wLouTseZyYIq39g8cNp1w==
+
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz"
@@ -2380,6 +2568,11 @@ merge2@^1.3.0, merge2@^1.4.1:
   resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz"
   integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
 
+methods@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz"
+  integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==
+
 micromatch@^4.0.4, micromatch@^4.0.5:
   version "4.0.5"
   resolved "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz"
@@ -2393,13 +2586,18 @@ mime-db@1.52.0:
   resolved "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz"
   integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
 
-mime-types@^2.1.12:
+mime-types@^2.1.12, mime-types@~2.1.24, mime-types@~2.1.34:
   version "2.1.35"
   resolved "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz"
   integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
   dependencies:
     mime-db "1.52.0"
 
+mime@1.6.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
+  integrity sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==
+
 mimic-fn@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz"
@@ -2442,6 +2640,16 @@ ms@^2.1.1, ms@2.1.2:
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
 
+ms@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz"
+  integrity sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==
+
+ms@2.1.3:
+  version "2.1.3"
+  resolved "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz"
+  integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
 mz@^2.7.0:
   version "2.7.0"
   resolved "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz"
@@ -2466,6 +2674,11 @@ natural-compare@^1.4.0:
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
+negotiator@0.6.3:
+  version "0.6.3"
+  resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
+  integrity sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==
+
 next-auth@^4.22.4:
   version "4.22.4"
   resolved "https://registry.npmjs.org/next-auth/-/next-auth-4.22.4.tgz"
@@ -2533,6 +2746,16 @@ node-waves@^0.7.5:
   resolved "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz"
   integrity sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ==
 
+nodemailer-express-handlebars@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/nodemailer-express-handlebars/-/nodemailer-express-handlebars-6.1.0.tgz"
+  integrity sha512-CWhsoDDa5JbvQmOxTOJhISFuUqDLKW0kvL09whIDBnD71P8ykATCQ+xOjQfltXR5qpK15m0AqwE/kHgbYx/zsQ==
+
+nodemailer@^6.9.5:
+  version "6.9.5"
+  resolved "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.5.tgz"
+  integrity sha512-/dmdWo62XjumuLc5+AYQZeiRj+PRR8y8qKtFCOyuOl1k/hckZd8durUUHs/ucKx6/8kN+wFxqKJlQ/LK/qR5FA==
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -2647,6 +2870,13 @@ oidc-token-hash@^5.0.3:
   resolved "https://registry.npmjs.org/oidc-token-hash/-/oidc-token-hash-5.0.3.tgz"
   integrity sha512-IF4PcGgzAr6XXSff26Sk/+P4KZFJVuHAJZj3wgO3vX2bMdNVp/QXTP3P7CEm9V1IdG8lDLY3HhiqpsE/nOwpPw==
 
+on-finished@2.4.1:
+  version "2.4.1"
+  resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz"
+  integrity sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==
+  dependencies:
+    ee-first "1.1.1"
+
 once@^1.3.0, once@^1.3.1, once@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmjs.org/once/-/once-1.4.0.tgz"
@@ -2731,6 +2961,11 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parseurl@~1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
+  integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
@@ -2756,6 +2991,11 @@ path-parse@^1.0.7:
   resolved "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+path-to-regexp@0.1.7:
+  version "0.1.7"
+  resolved "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz"
+  integrity sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
@@ -2904,6 +3144,14 @@ prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+proxy-addr@~2.0.7:
+  version "2.0.7"
+  resolved "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
+  integrity sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==
+  dependencies:
+    forwarded "0.2.0"
+    ipaddr.js "1.9.1"
+
 proxy-from-env@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz"
@@ -2929,6 +3177,13 @@ qs@^6.11.0:
   dependencies:
     side-channel "^1.0.4"
 
+qs@6.11.0:
+  version "6.11.0"
+  resolved "https://registry.npmjs.org/qs/-/qs-6.11.0.tgz"
+  integrity sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==
+  dependencies:
+    side-channel "^1.0.4"
+
 queue-microtask@^1.2.2:
   version "1.2.3"
   resolved "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz"
@@ -2939,6 +3194,21 @@ queue-tick@^1.0.1:
   resolved "https://registry.npmjs.org/queue-tick/-/queue-tick-1.0.1.tgz"
   integrity sha512-kJt5qhMxoszgU/62PLP1CJytzd2NKetjSRnyuj31fDd3Rlcz3fzlFdFLD1SItunPwyqEOkca6GbV612BWfaBag==
 
+range-parser@~1.2.1:
+  version "1.2.1"
+  resolved "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz"
+  integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==
+
+raw-body@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.npmjs.org/raw-body/-/raw-body-2.5.1.tgz"
+  integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig==
+  dependencies:
+    bytes "3.1.2"
+    http-errors "2.0.0"
+    iconv-lite "0.4.24"
+    unpipe "1.0.0"
+
 rc@^1.2.7:
   version "1.2.8"
   resolved "https://registry.npmjs.org/rc/-/rc-1.2.8.tgz"
@@ -3152,7 +3422,7 @@ safe-array-concat@^1.0.0:
     has-symbols "^1.0.3"
     isarray "^2.0.5"
 
-safe-buffer@^5.0.1, safe-buffer@~5.2.0:
+safe-buffer@^5.0.1, safe-buffer@~5.2.0, safe-buffer@5.2.1:
   version "5.2.1"
   resolved "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
@@ -3166,6 +3436,11 @@ safe-regex-test@^1.0.0:
     get-intrinsic "^1.1.3"
     is-regex "^1.1.4"
 
+"safer-buffer@>= 2.1.2 < 3":
+  version "2.1.2"
+  resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
 scheduler@^0.23.0:
   version "0.23.0"
   resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz"
@@ -3190,6 +3465,40 @@ semver@^7.3.5, semver@^7.3.7, semver@^7.5.4:
   dependencies:
     lru-cache "^6.0.0"
 
+send@0.18.0:
+  version "0.18.0"
+  resolved "https://registry.npmjs.org/send/-/send-0.18.0.tgz"
+  integrity sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==
+  dependencies:
+    debug "2.6.9"
+    depd "2.0.0"
+    destroy "1.2.0"
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    etag "~1.8.1"
+    fresh "0.5.2"
+    http-errors "2.0.0"
+    mime "1.6.0"
+    ms "2.1.3"
+    on-finished "2.4.1"
+    range-parser "~1.2.1"
+    statuses "2.0.1"
+
+serve-static@1.15.0:
+  version "1.15.0"
+  resolved "https://registry.npmjs.org/serve-static/-/serve-static-1.15.0.tgz"
+  integrity sha512-XGuRDNjXUijsUL0vl6nSD7cwURuzEgglbOaFuZM9g3kwDXOWVTck0jLzjPzGD+TazWbboZYu52/9/XPdUgne9g==
+  dependencies:
+    encodeurl "~1.0.2"
+    escape-html "~1.0.3"
+    parseurl "~1.3.3"
+    send "0.18.0"
+
+setprototypeof@1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz"
+  integrity sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==
+
 sharp@^0.32.1:
   version "0.32.4"
   resolved "https://registry.npmjs.org/sharp/-/sharp-0.32.4.tgz"
@@ -3271,6 +3580,11 @@ source-map@^0.5.7:
   resolved "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz"
   integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
 
+statuses@2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz"
+  integrity sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==
+
 streamsearch@^1.1.0:
   version "1.1.0"
   resolved "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz"
@@ -3535,6 +3849,11 @@ to-regex-range@^5.0.1:
   dependencies:
     is-number "^7.0.0"
 
+toidentifier@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz"
+  integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==
+
 tr46@~0.0.3:
   version "0.0.3"
   resolved "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz"
@@ -3615,6 +3934,14 @@ type-fest@^0.20.2:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
+type-is@~1.6.18:
+  version "1.6.18"
+  resolved "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz"
+  integrity sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==
+  dependencies:
+    media-typer "0.3.0"
+    mime-types "~2.1.24"
+
 typed-array-buffer@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz"
@@ -3669,6 +3996,11 @@ unbox-primitive@^1.0.2:
     has-symbols "^1.0.3"
     which-boxed-primitive "^1.0.2"
 
+unpipe@~1.0.0, unpipe@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz"
+  integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==
+
 untildify@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz"
@@ -3694,6 +4026,11 @@ util-deprecate@^1.0.1, util-deprecate@^1.0.2:
   resolved "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz"
   integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==
 
+utils-merge@1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz"
+  integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==
+
 uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz"
@@ -3709,6 +4046,11 @@ validator@^13.9.0:
   resolved "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz"
   integrity sha512-Ii+sehpSfZy+At5nPdnyMhx78fEoPDkR2XW/zimHEL3MyGJQOCQ7WeP20jPYRz7ZCpcKLB21NxuXHF3bxjStBQ==
 
+vary@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz"
+  integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==
+
 warning@^4.0.3:
   version "4.0.3"
   resolved "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz"

From 63bf8b41378f60d90271e6e29e2b4592aa9d2bd7 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sun, 8 Oct 2023 21:52:46 +0530
Subject: [PATCH 29/40] email working , need to add template and otp
 functionality

---
 components/Registration/RegBlock/RegBlock.tsx |  19 +
 package-lock.json                             | 929 +++++++++++++++++-
 package.json                                  |   3 +
 pages/api/email/index.js                      |  39 +
 pages/api/email/sendEmail.js                  |  64 ++
 yarn.lock                                     | 506 +++++++++-
 6 files changed, 1551 insertions(+), 9 deletions(-)
 create mode 100644 pages/api/email/index.js
 create mode 100644 pages/api/email/sendEmail.js

diff --git a/components/Registration/RegBlock/RegBlock.tsx b/components/Registration/RegBlock/RegBlock.tsx
index 6966544..e4fdf4f 100644
--- a/components/Registration/RegBlock/RegBlock.tsx
+++ b/components/Registration/RegBlock/RegBlock.tsx
@@ -7,6 +7,7 @@ import { useRouter } from 'next/navigation'
 import styles from './RegBlock.module.css'
 import { State } from '@/types/AuthContext/AuthContext.type'
 import { reg_inputs } from '@/types/Registration/RegBlock.types'
+import axios from 'axios'
 
 interface Props {
   title: string
@@ -41,7 +42,25 @@ const RegBlock = ({ title, inputs, handleChangeInput, type }: Props) => {
   const handleSubmit = (
     event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
+    console.log('Sending Email')
+    const data = {
+      name: inputs.fullName,
+      email: `${inputs.rollNumber}@iitdh.ac.in`,
+      userHandle: inputs.userHandle,
+    }
+
+    axios
+      .post('/api/email/sendEmail', data)
+      .then(response => {
+        // Handle the successful response from the server
+        console.log('Server Response:', response.data)
+      })
+      .catch(error => {
+        // Handle any errors that occurred during the request
+        console.error('Error:', error)
+      })
     event.preventDefault()
+
     const url = type ? url_lt : url_cf
     registerIn(
       {
diff --git a/package-lock.json b/package-lock.json
index 4ba74d8..172b746 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,8 +26,10 @@
         "express": "^4.18.2",
         "flowbite": "^1.6.6",
         "flowbite-react": "^0.4.9",
+        "fs": "^0.0.1-security",
         "gsap": "^3.11.5",
         "leetcode-query": "^0.2.7",
+        "mailgen": "^2.0.27",
         "next": "13.4.4",
         "next-auth": "^4.22.4",
         "nodemailer": "^6.9.5",
@@ -40,6 +42,7 @@
         "react-icons": "^4.10.1",
         "react-interactions": "^0.0.8",
         "react-modal": "^3.16.1",
+        "resend": "^1.1.0",
         "sharp": "^0.32.1",
         "tailwindcss": "3.3.2",
         "ts-node": "^10.9.1",
@@ -1072,6 +1075,11 @@
         "node": ">= 8"
       }
     },
+    "node_modules/@one-ini/wasm": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
+      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw=="
+    },
     "node_modules/@panva/hkdf": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.1.1.tgz",
@@ -1146,12 +1154,38 @@
       "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-4.15.0-28.8fbc245156db7124f997f4cecdd8d1219e360944.tgz",
       "integrity": "sha512-sVOig4tjGxxlYaFcXgE71f/rtFhzyYrfyfNFUsxCIEJyVKU9rdOWIlIwQ2NQ7PntvGnn+x0XuFo4OC1jvPJKzg=="
     },
+    "node_modules/@react-email/render": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@react-email/render/-/render-0.0.7.tgz",
+      "integrity": "sha512-hMMhxk6TpOcDC5qnKzXPVJoVGEwfm+U5bGOPH+MyTTlx0F02RLQygcATBKsbP7aI/mvkmBAZoFbgPIHop7ovug==",
+      "dependencies": {
+        "html-to-text": "9.0.3",
+        "pretty": "2.0.0",
+        "react": "18.2.0",
+        "react-dom": "18.2.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
     "node_modules/@rushstack/eslint-patch": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz",
       "integrity": "sha512-V+MvGwaHH03hYhY+k6Ef/xKd6RYlc4q8WBx+2ANmipHJcKuktNcI/NgEsJgdSUF6Lw32njT6OnrRsKYCdgHjYw==",
       "dev": true
     },
+    "node_modules/@selderee/plugin-htmlparser2": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.10.0.tgz",
+      "integrity": "sha512-gW69MEamZ4wk1OsOq1nG1jcyhXIQcnrsX5JwixVw/9xaiav8TCyjESAruu1Rz9yyInhgBXxkNwMeygKnN2uxNA==",
+      "dependencies": {
+        "domhandler": "^5.0.3",
+        "selderee": "^0.10.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.5.1",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
@@ -1360,6 +1394,11 @@
         "url": "https://opencollective.com/typescript-eslint"
       }
     },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
     "node_modules/accepts": {
       "version": "1.3.8",
       "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
@@ -1416,6 +1455,14 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -1429,7 +1476,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -1628,6 +1674,11 @@
       "integrity": "sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==",
       "dev": true
     },
+    "node_modules/async": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ=="
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
@@ -1825,6 +1876,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="
+    },
     "node_modules/bplist-parser": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz",
@@ -1996,7 +2052,6 @@
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -2008,6 +2063,155 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
+    "node_modules/cheerio": {
+      "version": "1.0.0-rc.10",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.10.tgz",
+      "integrity": "sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==",
+      "dependencies": {
+        "cheerio-select": "^1.5.0",
+        "dom-serializer": "^1.3.2",
+        "domhandler": "^4.2.0",
+        "htmlparser2": "^6.1.0",
+        "parse5": "^6.0.1",
+        "parse5-htmlparser2-tree-adapter": "^6.0.1",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-1.6.0.tgz",
+      "integrity": "sha512-eq0GdBvxVFbqWgmCm7M3XGs1I8oLy/nExUnh6oLqmBditPO9AqQJrkslDpMun/hZ0yyTs8L0m85OHp4ho6Qm9g==",
+      "dependencies": {
+        "css-select": "^4.3.0",
+        "css-what": "^6.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/cheerio/node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
@@ -2139,6 +2343,28 @@
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
     },
+    "node_modules/condense-newlines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz",
+      "integrity": "sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-whitespace": "^0.3.0",
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.4",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
@@ -2233,6 +2459,80 @@
         "node": ">= 8"
       }
     },
+    "node_modules/css-select": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz",
+      "integrity": "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==",
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.0.1",
+        "domhandler": "^4.3.1",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-select/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/css-select/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -2305,6 +2605,14 @@
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
       "dev": true
     },
+    "node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/default-browser": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-4.0.0.tgz",
@@ -2460,6 +2768,57 @@
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
     "node_modules/dotenv": {
       "version": "16.3.1",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz",
@@ -2476,11 +2835,72 @@
       "resolved": "https://registry.npmjs.org/easy-bem/-/easy-bem-1.1.1.tgz",
       "integrity": "sha512-GJRqdiy2h+EXy6a8E6R+ubmqUM08BK0FWNq41k24fup6045biQ8NXxoXimiwegMQvFFV3t1emADdGNL1TlS61A=="
     },
+    "node_modules/editorconfig": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
+      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
+      "dependencies": {
+        "@one-ini/wasm": "0.1.1",
+        "commander": "^10.0.0",
+        "minimatch": "9.0.1",
+        "semver": "^7.5.3"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/editorconfig/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/editorconfig/node_modules/minimatch": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
+      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
       "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
     },
+    "node_modules/ejs": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz",
+      "integrity": "sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/electron-to-chromium": {
       "version": "1.4.416",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.416.tgz",
@@ -2521,6 +2941,17 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
     "node_modules/error-ex": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@@ -2635,6 +3066,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/escape-goat": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/escape-goat/-/escape-goat-3.0.0.tgz",
+      "integrity": "sha512-w3PwNZJwRxlp47QGzhuEBldEqVHHhh8/tIPcl6ecf2Bou99cdAt0knihBV0Ecc7CGxYduXVBDheH1K2oADRlvw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -3257,6 +3699,17 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -3326,6 +3779,33 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -3502,6 +3982,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fs": {
+      "version": "0.0.1-security",
+      "resolved": "https://registry.npmjs.org/fs/-/fs-0.0.1-security.tgz",
+      "integrity": "sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w=="
+    },
     "node_modules/fs-constants": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
@@ -3749,7 +4234,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -3803,6 +4287,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "bin": {
+        "he": "bin/he"
+      }
+    },
     "node_modules/hoist-non-react-statics": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
@@ -3811,6 +4303,39 @@
         "react-is": "^16.7.0"
       }
     },
+    "node_modules/html-to-text": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.3.tgz",
+      "integrity": "sha512-hxDF1kVCF2uw4VUJ3vr2doc91pXf2D5ngKcNviSitNkhP9OMOaJkDrFIFL6RMvko7NisWTEiqGpQ9LAxcVok1w==",
+      "dependencies": {
+        "@selderee/plugin-htmlparser2": "^0.10.0",
+        "deepmerge": "^4.2.2",
+        "dom-serializer": "^2.0.0",
+        "htmlparser2": "^8.0.1",
+        "selderee": "^0.10.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
     "node_modules/http-errors": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@@ -3997,6 +4522,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
@@ -4050,6 +4580,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -4228,6 +4766,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-wsl": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
@@ -4267,6 +4813,23 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
       "dev": true
     },
+    "node_modules/jake": {
+      "version": "10.8.7",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz",
+      "integrity": "sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.4",
+        "minimatch": "^3.1.2"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/jiti": {
       "version": "1.18.2",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz",
@@ -4283,6 +4846,62 @@
         "url": "https://github.com/sponsors/panva"
       }
     },
+    "node_modules/js-beautify": {
+      "version": "1.14.9",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.9.tgz",
+      "integrity": "sha512-coM7xq1syLcMyuVGyToxcj2AlzhkDjmfklL8r0JgJ7A76wyGMpJ1oA35mr4APdYNO/o/4YY8H54NQIJzhMbhBg==",
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^1.0.3",
+        "glob": "^8.1.0",
+        "nopt": "^6.0.0"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/js-beautify/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/js-beautify/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-beautify/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -4344,6 +4963,43 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/juice": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/juice/-/juice-8.1.0.tgz",
+      "integrity": "sha512-FLzurJrx5Iv1e7CfBSZH68dC04EEvXvvVvPYB7Vx1WAuhCp1ZPIMtqxc+WTWxVkpTIC2Ach/GAv0rQbtGf6YMA==",
+      "dependencies": {
+        "cheerio": "1.0.0-rc.10",
+        "commander": "^6.1.0",
+        "mensch": "^0.3.4",
+        "slick": "^1.12.2",
+        "web-resource-inliner": "^6.0.1"
+      },
+      "bin": {
+        "juice": "bin/juice"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/juice/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/language-subtag-registry": {
       "version": "0.3.22",
       "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz",
@@ -4359,6 +5015,14 @@
         "language-subtag-registry": "~0.3.2"
       }
     },
+    "node_modules/leac": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz",
+      "integrity": "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/leetcode-query": {
       "version": "0.2.7",
       "resolved": "https://registry.npmjs.org/leetcode-query/-/leetcode-query-0.2.7.tgz",
@@ -4441,6 +5105,16 @@
         "node": ">=10"
       }
     },
+    "node_modules/mailgen": {
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/mailgen/-/mailgen-2.0.27.tgz",
+      "integrity": "sha512-k+Q02hK/gI224JRw9FFW/yKgo3SbYOCTbfE0MsXx0YFOR9XMsdOPBhAbHH6fKvyDX6y1r4zvw9QIponQOippFQ==",
+      "dependencies": {
+        "ejs": "^3.1.6",
+        "he": "^1.2.0",
+        "juice": "^8.0.0"
+      }
+    },
     "node_modules/make-error": {
       "version": "1.3.6",
       "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
@@ -4454,6 +5128,11 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/mensch": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/mensch/-/mensch-0.3.4.tgz",
+      "integrity": "sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g=="
+    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -4802,6 +5481,20 @@
         "nodemailer": ">= 6.0.0"
       }
     },
+    "node_modules/nopt": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
+      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
+      "dependencies": {
+        "abbrev": "^1.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -4845,6 +5538,17 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/nth-check": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
+      "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
     "node_modules/oauth": {
       "version": "0.9.15",
       "resolved": "https://registry.npmjs.org/oauth/-/oauth-0.9.15.tgz",
@@ -5131,6 +5835,31 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw=="
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz",
+      "integrity": "sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==",
+      "dependencies": {
+        "parse5": "^6.0.1"
+      }
+    },
+    "node_modules/parseley": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/parseley/-/parseley-0.11.0.tgz",
+      "integrity": "sha512-VfcwXlBWgTF+unPcr7yu3HSSA6QUdDaDnrHcytVfj5Z8azAyKBDrYnSIfeSxlrEayndNcLmrXzg+Vxbo6DWRXQ==",
+      "dependencies": {
+        "leac": "^0.6.0",
+        "peberminta": "^0.8.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -5183,6 +5912,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/peberminta": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/peberminta/-/peberminta-0.8.0.tgz",
+      "integrity": "sha512-YYEs+eauIjDH5nUEGi18EohWE0nV2QbGTqmxQcqgZ/0g+laPCQmuIqq7EBLVi9uim9zMgfJv0QBZEnQ3uHw/Tw==",
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -5433,6 +6170,19 @@
         "url": "https://github.com/prettier/prettier?sponsor=1"
       }
     },
+    "node_modules/pretty": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz",
+      "integrity": "sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==",
+      "dependencies": {
+        "condense-newlines": "^0.2.1",
+        "extend-shallow": "^2.0.1",
+        "js-beautify": "^1.6.12"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pretty-format": {
       "version": "3.8.0",
       "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz",
@@ -5464,6 +6214,11 @@
         "react-is": "^16.13.1"
       }
     },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -5760,6 +6515,29 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resend": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/resend/-/resend-1.1.0.tgz",
+      "integrity": "sha512-it8TIDVT+/gAiJsUlv2tdHuvzwCCv4Zwu+udDqIm/dIuByQwe68TtFDcPccxqpSVVrNCBxxXLzsdT1tsV+P3GA==",
+      "dependencies": {
+        "@react-email/render": "0.0.7",
+        "type-fest": "3.13.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/resend/node_modules/type-fest": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-3.13.0.tgz",
+      "integrity": "sha512-Gur3yQGM9qiLNs0KPP7LPgeRbio2QTt4xXouobMCarR0/wyW3F+F/+OWwshg3NG0Adon7uQfSZBpB46NfhoF1A==",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/resolve": {
       "version": "1.22.2",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz",
@@ -6007,6 +6785,17 @@
         "loose-envify": "^1.1.0"
       }
     },
+    "node_modules/selderee": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/selderee/-/selderee-0.10.0.tgz",
+      "integrity": "sha512-DEL/RW/f4qLw/NrVg97xKaEBC8IpzIG2fvxnzCp3Z4yk4jQ3MXom+Imav9wApjxX2dfS3eW7x0DXafJr85i39A==",
+      "dependencies": {
+        "parseley": "^0.11.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/killymxi"
+      }
+    },
     "node_modules/semver": {
       "version": "7.5.4",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
@@ -6203,6 +6992,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/slick": {
+      "version": "1.12.2",
+      "resolved": "https://registry.npmjs.org/slick/-/slick-1.12.2.tgz",
+      "integrity": "sha512-4qdtOGcBjral6YIBCWJ0ljFSKNLz9KkhbWtuGvUyRowl1kxfuE1x/Z/aJcaiilpb3do9bl5K7/1h9XC5wWpY/A==",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/source-map": {
       "version": "0.5.7",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
@@ -6413,7 +7210,6 @@
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -6907,6 +7703,14 @@
       "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
       "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg=="
     },
+    "node_modules/valid-data-url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-3.0.1.tgz",
+      "integrity": "sha512-jOWVmzVceKlVVdwjNSenT4PbGghU0SBIizAev8ofZVgivk/TVHXSbNL8LP6M3spZvkR9/QolkyJavGSX5Cs0UA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/validator": {
       "version": "13.11.0",
       "resolved": "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz",
@@ -6931,6 +7735,123 @@
         "loose-envify": "^1.0.0"
       }
     },
+    "node_modules/web-resource-inliner": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/web-resource-inliner/-/web-resource-inliner-6.0.1.tgz",
+      "integrity": "sha512-kfqDxt5dTB1JhqsCUQVFDj0rmY+4HLwGQIsLPbyrsN9y9WV/1oFDSx3BQ4GfCv9X+jVeQ7rouTqwK53rA/7t8A==",
+      "dependencies": {
+        "ansi-colors": "^4.1.1",
+        "escape-goat": "^3.0.0",
+        "htmlparser2": "^5.0.0",
+        "mime": "^2.4.6",
+        "node-fetch": "^2.6.0",
+        "valid-data-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/dom-serializer/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domhandler": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-3.3.0.tgz",
+      "integrity": "sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==",
+      "dependencies": {
+        "domelementtype": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domutils/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/htmlparser2": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-5.0.1.tgz",
+      "integrity": "sha512-vKZZra6CSe9qsJzh0BjBGXo8dvzNsq/oGvsjfRdOrrryfeD9UOBEEQdeoqCRmKZchF5h2zOBMQ6YuQ0uRUmdbQ==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^3.3.0",
+        "domutils": "^2.4.2",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/htmlparser2?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
diff --git a/package.json b/package.json
index 5598bed..26e4ca8 100644
--- a/package.json
+++ b/package.json
@@ -31,8 +31,10 @@
     "express": "^4.18.2",
     "flowbite": "^1.6.6",
     "flowbite-react": "^0.4.9",
+    "fs": "^0.0.1-security",
     "gsap": "^3.11.5",
     "leetcode-query": "^0.2.7",
+    "mailgen": "^2.0.27",
     "next": "13.4.4",
     "next-auth": "^4.22.4",
     "nodemailer": "^6.9.5",
@@ -45,6 +47,7 @@
     "react-icons": "^4.10.1",
     "react-interactions": "^0.0.8",
     "react-modal": "^3.16.1",
+    "resend": "^1.1.0",
     "sharp": "^0.32.1",
     "tailwindcss": "3.3.2",
     "ts-node": "^10.9.1",
diff --git a/pages/api/email/index.js b/pages/api/email/index.js
new file mode 100644
index 0000000..1ff87c3
--- /dev/null
+++ b/pages/api/email/index.js
@@ -0,0 +1,39 @@
+// const express = require('express')
+// const app = express()
+// const port = 3005
+
+// const nodemailer = require('nodemailer')
+
+// const transporter = nodemailer.createTransport({
+//   host: 'smtp.forwardemail.net',
+//   port: 465,
+//   secure: true,
+//   auth: {
+//     user: '210020040@iitdh.ac.in',
+//     pass: process.env.EMAIL_PASSWORD,
+//   },
+// })
+
+// // Function to send an email
+// async function sendEmail(name, email, userHandle) {
+//   try {
+//     // Send mail with defined transport object
+//     const info = await transporter.sendMail({
+//       from: '210020040@iitdh.ac.in', // Sender's email address
+//       to: 'pjayasurya2711@gmail.com', // Recipient's email address
+//       subject: 'Hello from Nodemailer', // Subject of the email
+//       text: `Hello ${name}?`, // Plain text body
+//       html: '<b>Hello world?</b>', // HTML body
+//     })
+
+//     console.log('Message sent: %s', info.messageId)
+//   } catch (error) {
+//     console.error('Error sending email:', error)
+//   }
+// }
+
+// module.exports = sendEmail
+
+// app.listen(port, () => {
+//   console.log(`nodemailerProject is listening at http://localhost:${port}`)
+// })
diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
new file mode 100644
index 0000000..b6d7510
--- /dev/null
+++ b/pages/api/email/sendEmail.js
@@ -0,0 +1,64 @@
+const nodemailer = require('nodemailer')
+const Mailgen = require('mailgen')
+
+const handler = (req, res) => {
+  const { name, email, userHandle } = req.body
+  console.log(req.body)
+
+  let config = {
+    service: 'gmail',
+    auth: {
+      user: '210020040@iitdh.ac.in',
+      pass: process.env.EMAIL_PASSWORD,
+    },
+  }
+
+  let transporter = nodemailer.createTransport(config)
+
+  let MailGenerator = new Mailgen({
+    theme: 'default',
+    product: {
+      name: 'Mailgen',
+      link: 'https://mailgen.js/',
+    },
+  })
+
+  let response = {
+    body: {
+      name: name,
+      intro: 'Your bill has arrived!',
+      table: {
+        data: [
+          {
+            item: 'Nodemailer Stack Book',
+            description: 'A Backend application',
+            price: '$10.99',
+          },
+        ],
+      },
+      outro: 'Looking forward to do more business',
+    },
+  }
+
+  let mail = MailGenerator.generate(response)
+
+  let message = {
+    from: '210020040@iitdh.ac.in',
+    to: 'pjayasurya2711@gmail.com',
+    subject: 'Place Order',
+    html: mail,
+  }
+
+  transporter
+    .sendMail(message)
+    .then(() => {
+      return res.status(201).json({
+        msg: 'you should receive an email',
+      })
+    })
+    .catch(error => {
+      return res.status(500).json({ error })
+    })
+}
+
+export default handler
diff --git a/yarn.lock b/yarn.lock
index af24b56..08ff9cc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -440,6 +440,11 @@
     "@nodelib/fs.scandir" "2.1.5"
     fastq "^1.6.0"
 
+"@one-ini/wasm@0.1.1":
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz"
+  integrity sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==
+
 "@panva/hkdf@^1.0.2":
   version "1.1.1"
   resolved "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.1.1.tgz"
@@ -479,11 +484,29 @@
   resolved "https://registry.npmjs.org/@prisma/engines/-/engines-4.15.0.tgz"
   integrity sha512-FTaOCGs0LL0OW68juZlGxFtYviZa4xdQj/rQEdat2txw0s3Vu/saAPKjNVXfIgUsGXmQ72HPgNr6935/P8FNAA==
 
+"@react-email/render@0.0.7":
+  version "0.0.7"
+  resolved "https://registry.npmjs.org/@react-email/render/-/render-0.0.7.tgz"
+  integrity sha512-hMMhxk6TpOcDC5qnKzXPVJoVGEwfm+U5bGOPH+MyTTlx0F02RLQygcATBKsbP7aI/mvkmBAZoFbgPIHop7ovug==
+  dependencies:
+    html-to-text "9.0.3"
+    pretty "2.0.0"
+    react "18.2.0"
+    react-dom "18.2.0"
+
 "@rushstack/eslint-patch@^1.1.3":
   version "1.3.2"
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz"
   integrity sha512-V+MvGwaHH03hYhY+k6Ef/xKd6RYlc4q8WBx+2ANmipHJcKuktNcI/NgEsJgdSUF6Lw32njT6OnrRsKYCdgHjYw==
 
+"@selderee/plugin-htmlparser2@^0.10.0":
+  version "0.10.0"
+  resolved "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.10.0.tgz"
+  integrity sha512-gW69MEamZ4wk1OsOq1nG1jcyhXIQcnrsX5JwixVw/9xaiav8TCyjESAruu1Rz9yyInhgBXxkNwMeygKnN2uxNA==
+  dependencies:
+    domhandler "^5.0.3"
+    selderee "^0.10.0"
+
 "@swc/helpers@0.5.1":
   version "0.5.1"
   resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz"
@@ -632,6 +655,11 @@
     "@typescript-eslint/types" "5.62.0"
     eslint-visitor-keys "^3.3.0"
 
+abbrev@^1.0.0:
+  version "1.1.1"
+  resolved "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz"
+  integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==
+
 accepts@~1.3.8:
   version "1.3.8"
   resolved "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz"
@@ -665,6 +693,11 @@ ajv@^6.10.0, ajv@^6.12.4:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
+ansi-colors@^4.1.1:
+  version "4.1.3"
+  resolved "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz"
+  integrity sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==
+
 ansi-regex@^5.0.1:
   version "5.0.1"
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
@@ -814,6 +847,11 @@ ast-types-flow@^0.0.7:
   resolved "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz"
   integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
 
+async@^3.2.3:
+  version "3.2.4"
+  resolved "https://registry.npmjs.org/async/-/async-3.2.4.tgz"
+  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+
 asynckit@^0.4.0:
   version "0.4.0"
   resolved "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz"
@@ -918,6 +956,11 @@ body-parser@1.20.1:
     type-is "~1.6.18"
     unpipe "1.0.0"
 
+boolbase@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz"
+  integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
+
 bplist-parser@^0.2.0:
   version "0.2.0"
   resolved "https://registry.npmjs.org/bplist-parser/-/bplist-parser-0.2.0.tgz"
@@ -933,6 +976,13 @@ brace-expansion@^1.1.7:
     balanced-match "^1.0.0"
     concat-map "0.0.1"
 
+brace-expansion@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz"
+  integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+  dependencies:
+    balanced-match "^1.0.0"
+
 braces@^3.0.2, braces@~3.0.2:
   version "3.0.2"
   resolved "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz"
@@ -1009,7 +1059,7 @@ chalk@^2.4.2:
     escape-string-regexp "^1.0.5"
     supports-color "^5.3.0"
 
-chalk@^4.0.0:
+chalk@^4.0.0, chalk@^4.0.2:
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -1017,6 +1067,30 @@ chalk@^4.0.0:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
+cheerio-select@^1.5.0:
+  version "1.6.0"
+  resolved "https://registry.npmjs.org/cheerio-select/-/cheerio-select-1.6.0.tgz"
+  integrity sha512-eq0GdBvxVFbqWgmCm7M3XGs1I8oLy/nExUnh6oLqmBditPO9AqQJrkslDpMun/hZ0yyTs8L0m85OHp4ho6Qm9g==
+  dependencies:
+    css-select "^4.3.0"
+    css-what "^6.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+
+cheerio@1.0.0-rc.10:
+  version "1.0.0-rc.10"
+  resolved "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.10.tgz"
+  integrity sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==
+  dependencies:
+    cheerio-select "^1.5.0"
+    dom-serializer "^1.3.2"
+    domhandler "^4.2.0"
+    htmlparser2 "^6.1.0"
+    parse5 "^6.0.1"
+    parse5-htmlparser2-tree-adapter "^6.0.1"
+    tslib "^2.2.0"
+
 chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz"
@@ -1108,16 +1182,43 @@ combined-stream@^1.0.8:
   dependencies:
     delayed-stream "~1.0.0"
 
+commander@^10.0.0:
+  version "10.0.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz"
+  integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==
+
 commander@^4.0.0:
   version "4.1.1"
   resolved "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
+commander@^6.1.0:
+  version "6.2.1"
+  resolved "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz"
+  integrity sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==
+
 concat-map@0.0.1:
   version "0.0.1"
   resolved "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz"
   integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
 
+condense-newlines@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/condense-newlines/-/condense-newlines-0.2.1.tgz"
+  integrity sha512-P7X+QL9Hb9B/c8HI5BFFKmjgBu2XpQuF98WZ9XkO+dBGgk5XgwiQz7o1SmpglNWId3581UcS0SFAWfoIhMHPfg==
+  dependencies:
+    extend-shallow "^2.0.1"
+    is-whitespace "^0.3.0"
+    kind-of "^3.0.2"
+
+config-chain@^1.1.13:
+  version "1.1.13"
+  resolved "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz"
+  integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==
+  dependencies:
+    ini "^1.3.4"
+    proto-list "~1.2.1"
+
 content-disposition@0.5.4:
   version "0.5.4"
   resolved "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz"
@@ -1189,6 +1290,22 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
     shebang-command "^2.0.0"
     which "^2.0.1"
 
+css-select@^4.3.0:
+  version "4.3.0"
+  resolved "https://registry.npmjs.org/css-select/-/css-select-4.3.0.tgz"
+  integrity sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.0.1"
+    domhandler "^4.3.1"
+    domutils "^2.8.0"
+    nth-check "^2.0.1"
+
+css-what@^6.0.1:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz"
+  integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz"
@@ -1247,6 +1364,11 @@ deep-is@^0.1.3:
   resolved "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+deepmerge@^4.2.2:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz"
+  integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==
+
 default-browser-id@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/default-browser-id/-/default-browser-id-3.0.0.tgz"
@@ -1347,6 +1469,86 @@ dom-helpers@^5.0.1:
     "@babel/runtime" "^7.8.7"
     csstype "^3.0.2"
 
+dom-serializer@^1.0.1, dom-serializer@^1.3.2:
+  version "1.4.1"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz"
+  integrity sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.2.0"
+    entities "^2.0.0"
+
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz"
+  integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
+
+domhandler@^3.3.0:
+  version "3.3.0"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-3.3.0.tgz"
+  integrity sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==
+  dependencies:
+    domelementtype "^2.0.1"
+
+domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
+  version "4.3.1"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz"
+  integrity sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==
+  dependencies:
+    domelementtype "^2.2.0"
+
+domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
+domutils@^2.4.2:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+domutils@^2.5.2:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+domutils@^2.8.0:
+  version "2.8.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz"
+  integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
+  dependencies:
+    dom-serializer "^1.0.1"
+    domelementtype "^2.2.0"
+    domhandler "^4.2.0"
+
+domutils@^3.0.1:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz"
+  integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+
 dotenv@^16.3.1:
   version "16.3.1"
   resolved "https://registry.npmjs.org/dotenv/-/dotenv-16.3.1.tgz"
@@ -1357,11 +1559,28 @@ easy-bem@^1.1.1:
   resolved "https://registry.npmjs.org/easy-bem/-/easy-bem-1.1.1.tgz"
   integrity sha512-GJRqdiy2h+EXy6a8E6R+ubmqUM08BK0FWNq41k24fup6045biQ8NXxoXimiwegMQvFFV3t1emADdGNL1TlS61A==
 
+editorconfig@^1.0.3:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz"
+  integrity sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==
+  dependencies:
+    "@one-ini/wasm" "0.1.1"
+    commander "^10.0.0"
+    minimatch "9.0.1"
+    semver "^7.5.3"
+
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
+ejs@^3.1.6:
+  version "3.1.9"
+  resolved "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz"
+  integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
+  dependencies:
+    jake "^10.8.5"
+
 electron-to-chromium@^1.4.411:
   version "1.4.416"
   resolved "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.416.tgz"
@@ -1392,6 +1611,16 @@ enhanced-resolve@^5.12.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+entities@^2.0.0:
+  version "2.2.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz"
+  integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
+
+entities@^4.2.0, entities@^4.4.0:
+  version "4.5.0"
+  resolved "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz"
+  integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
+
 error-ex@^1.3.1:
   version "1.3.2"
   resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
@@ -1474,6 +1703,11 @@ escalade@^3.1.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escape-goat@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/escape-goat/-/escape-goat-3.0.0.tgz"
+  integrity sha512-w3PwNZJwRxlp47QGzhuEBldEqVHHhh8/tIPcl6ecf2Bou99cdAt0knihBV0Ecc7CGxYduXVBDheH1K2oADRlvw==
+
 escape-html@~1.0.3:
   version "1.0.3"
   resolved "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz"
@@ -1779,6 +2013,13 @@ express@^4.18.2:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extend-shallow@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz"
+  integrity sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==
+  dependencies:
+    is-extendable "^0.1.0"
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz"
@@ -1824,6 +2065,13 @@ file-entry-cache@^6.0.1:
   dependencies:
     flat-cache "^3.0.4"
 
+filelist@^1.0.4:
+  version "1.0.4"
+  resolved "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz"
+  integrity sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==
+  dependencies:
+    minimatch "^5.0.1"
+
 fill-range@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz"
@@ -1935,6 +2183,11 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
+fs@^0.0.1-security:
+  version "0.0.1-security"
+  resolved "https://registry.npmjs.org/fs/-/fs-0.0.1-security.tgz"
+  integrity sha512-3XY9e1pP0CVEUCdj5BmfIZxRBTSDycnbqhIOGec9QYtmVH2fbLpj86CFWkrNOkt/Fvty4KZG5lTglL9j/gJ87w==
+
 fsevents@~2.3.2:
   version "2.3.2"
   resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
@@ -2028,6 +2281,17 @@ glob@^7.1.3, glob@7.1.6:
     once "^1.3.0"
     path-is-absolute "^1.0.0"
 
+glob@^8.1.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz"
+  integrity sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==
+  dependencies:
+    fs.realpath "^1.0.0"
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "^5.0.1"
+    once "^1.3.0"
+
 glob@7.1.7:
   version "7.1.7"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.7.tgz"
@@ -2150,6 +2414,11 @@ has@^1.0.3:
   dependencies:
     function-bind "^1.1.1"
 
+he@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmjs.org/he/-/he-1.2.0.tgz"
+  integrity sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==
+
 hoist-non-react-statics@^3.3.1:
   version "3.3.2"
   resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
@@ -2157,6 +2426,47 @@ hoist-non-react-statics@^3.3.1:
   dependencies:
     react-is "^16.7.0"
 
+html-to-text@9.0.3:
+  version "9.0.3"
+  resolved "https://registry.npmjs.org/html-to-text/-/html-to-text-9.0.3.tgz"
+  integrity sha512-hxDF1kVCF2uw4VUJ3vr2doc91pXf2D5ngKcNviSitNkhP9OMOaJkDrFIFL6RMvko7NisWTEiqGpQ9LAxcVok1w==
+  dependencies:
+    "@selderee/plugin-htmlparser2" "^0.10.0"
+    deepmerge "^4.2.2"
+    dom-serializer "^2.0.0"
+    htmlparser2 "^8.0.1"
+    selderee "^0.10.0"
+
+htmlparser2@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-5.0.1.tgz"
+  integrity sha512-vKZZra6CSe9qsJzh0BjBGXo8dvzNsq/oGvsjfRdOrrryfeD9UOBEEQdeoqCRmKZchF5h2zOBMQ6YuQ0uRUmdbQ==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^3.3.0"
+    domutils "^2.4.2"
+    entities "^2.0.0"
+
+htmlparser2@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz"
+  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
+  dependencies:
+    domelementtype "^2.0.1"
+    domhandler "^4.0.0"
+    domutils "^2.5.2"
+    entities "^2.0.0"
+
+htmlparser2@^8.0.1:
+  version "8.0.2"
+  resolved "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz"
+  integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    entities "^4.4.0"
+
 http-errors@2.0.0:
   version "2.0.0"
   resolved "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz"
@@ -2221,7 +2531,7 @@ inherits@^2.0.3, inherits@^2.0.4, inherits@2, inherits@2.0.4:
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
   integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
 
-ini@~1.3.0:
+ini@^1.3.4, ini@~1.3.0:
   version "1.3.8"
   resolved "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
@@ -2281,6 +2591,11 @@ is-boolean-object@^1.1.0:
     call-bind "^1.0.2"
     has-tostringtag "^1.0.0"
 
+is-buffer@^1.1.5:
+  version "1.1.6"
+  resolved "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz"
+  integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
+
 is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7:
   version "1.2.7"
   resolved "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz"
@@ -2310,6 +2625,11 @@ is-docker@^3.0.0:
   resolved "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz"
   integrity sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==
 
+is-extendable@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz"
+  integrity sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==
+
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz"
@@ -2404,6 +2724,11 @@ is-weakref@^1.0.2:
   dependencies:
     call-bind "^1.0.2"
 
+is-whitespace@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz"
+  integrity sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==
+
 is-wsl@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz"
@@ -2421,6 +2746,16 @@ isexe@^2.0.0:
   resolved "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+jake@^10.8.5:
+  version "10.8.7"
+  resolved "https://registry.npmjs.org/jake/-/jake-10.8.7.tgz"
+  integrity sha512-ZDi3aP+fG/LchyBzUM804VjddnwfSfsdeYkwt8NcbKRvo4rFkjhs456iLFn3k2ZUWvNe4i48WACDbza8fhq2+w==
+  dependencies:
+    async "^3.2.3"
+    chalk "^4.0.2"
+    filelist "^1.0.4"
+    minimatch "^3.1.2"
+
 jiti@^1.18.2:
   version "1.18.2"
   resolved "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz"
@@ -2431,6 +2766,16 @@ jose@^4.11.4, jose@^4.14.4:
   resolved "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz"
   integrity sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==
 
+js-beautify@^1.6.12:
+  version "1.14.9"
+  resolved "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.9.tgz"
+  integrity sha512-coM7xq1syLcMyuVGyToxcj2AlzhkDjmfklL8r0JgJ7A76wyGMpJ1oA35mr4APdYNO/o/4YY8H54NQIJzhMbhBg==
+  dependencies:
+    config-chain "^1.1.13"
+    editorconfig "^1.0.3"
+    glob "^8.1.0"
+    nopt "^6.0.0"
+
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
@@ -2475,6 +2820,24 @@ json5@^1.0.2:
     object.assign "^4.1.4"
     object.values "^1.1.6"
 
+juice@^8.0.0:
+  version "8.1.0"
+  resolved "https://registry.npmjs.org/juice/-/juice-8.1.0.tgz"
+  integrity sha512-FLzurJrx5Iv1e7CfBSZH68dC04EEvXvvVvPYB7Vx1WAuhCp1ZPIMtqxc+WTWxVkpTIC2Ach/GAv0rQbtGf6YMA==
+  dependencies:
+    cheerio "1.0.0-rc.10"
+    commander "^6.1.0"
+    mensch "^0.3.4"
+    slick "^1.12.2"
+    web-resource-inliner "^6.0.1"
+
+kind-of@^3.0.2:
+  version "3.2.2"
+  resolved "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz"
+  integrity sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==
+  dependencies:
+    is-buffer "^1.1.5"
+
 language-subtag-registry@~0.3.2:
   version "0.3.22"
   resolved "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.22.tgz"
@@ -2487,6 +2850,11 @@ language-tags@=1.0.5:
   dependencies:
     language-subtag-registry "~0.3.2"
 
+leac@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmjs.org/leac/-/leac-0.6.0.tgz"
+  integrity sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg==
+
 leetcode-query@^0.2.7:
   version "0.2.7"
   resolved "https://registry.npmjs.org/leetcode-query/-/leetcode-query-0.2.7.tgz"
@@ -2543,6 +2911,15 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+mailgen@^2.0.27:
+  version "2.0.27"
+  resolved "https://registry.npmjs.org/mailgen/-/mailgen-2.0.27.tgz"
+  integrity sha512-k+Q02hK/gI224JRw9FFW/yKgo3SbYOCTbfE0MsXx0YFOR9XMsdOPBhAbHH6fKvyDX6y1r4zvw9QIponQOippFQ==
+  dependencies:
+    ejs "^3.1.6"
+    he "^1.2.0"
+    juice "^8.0.0"
+
 make-error@^1.1.1:
   version "1.3.6"
   resolved "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz"
@@ -2553,6 +2930,11 @@ media-typer@0.3.0:
   resolved "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz"
   integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==
 
+mensch@^0.3.4:
+  version "0.3.4"
+  resolved "https://registry.npmjs.org/mensch/-/mensch-0.3.4.tgz"
+  integrity sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g==
+
 merge-descriptors@1.0.1:
   version "1.0.1"
   resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz"
@@ -2593,6 +2975,11 @@ mime-types@^2.1.12, mime-types@~2.1.24, mime-types@~2.1.34:
   dependencies:
     mime-db "1.52.0"
 
+mime@^2.4.6:
+  version "2.6.0"
+  resolved "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz"
+  integrity sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==
+
 mime@1.6.0:
   version "1.6.0"
   resolved "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz"
@@ -2625,6 +3012,20 @@ minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.2:
   dependencies:
     brace-expansion "^1.1.7"
 
+minimatch@^5.0.1:
+  version "5.1.6"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz"
+  integrity sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==
+  dependencies:
+    brace-expansion "^2.0.1"
+
+minimatch@9.0.1:
+  version "9.0.1"
+  resolved "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz"
+  integrity sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==
+  dependencies:
+    brace-expansion "^2.0.1"
+
 minimist@^1.2.0, minimist@^1.2.3, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz"
@@ -2729,7 +3130,7 @@ node-addon-api@^6.1.0:
   resolved "https://registry.npmjs.org/node-addon-api/-/node-addon-api-6.1.0.tgz"
   integrity sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA==
 
-node-fetch@2.6.8:
+node-fetch@^2.6.0, node-fetch@2.6.8:
   version "2.6.8"
   resolved "https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.8.tgz"
   integrity sha512-RZ6dBYuj8dRSfxpUSu+NsdF1dpPpluJxwOp+6IoDp/sH2QNDSvurYsAa+F1WxY2RjA1iP93xhcsUoYbF2XBqVg==
@@ -2756,6 +3157,13 @@ nodemailer@^6.9.5:
   resolved "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.5.tgz"
   integrity sha512-/dmdWo62XjumuLc5+AYQZeiRj+PRR8y8qKtFCOyuOl1k/hckZd8durUUHs/ucKx6/8kN+wFxqKJlQ/LK/qR5FA==
 
+nopt@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz"
+  integrity sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==
+  dependencies:
+    abbrev "^1.0.0"
+
 normalize-path@^3.0.0, normalize-path@~3.0.0:
   version "3.0.0"
   resolved "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz"
@@ -2780,6 +3188,13 @@ npm-run-path@^5.1.0:
   dependencies:
     path-key "^4.0.0"
 
+nth-check@^2.0.1:
+  version "2.1.1"
+  resolved "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz"
+  integrity sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==
+  dependencies:
+    boolbase "^1.0.0"
+
 oauth@^0.9.15:
   version "0.9.15"
   resolved "https://registry.npmjs.org/oauth/-/oauth-0.9.15.tgz"
@@ -2961,6 +3376,26 @@ parse-json@^5.0.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
+parse5-htmlparser2-tree-adapter@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz"
+  integrity sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==
+  dependencies:
+    parse5 "^6.0.1"
+
+parse5@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz"
+  integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
+
+parseley@^0.11.0:
+  version "0.11.0"
+  resolved "https://registry.npmjs.org/parseley/-/parseley-0.11.0.tgz"
+  integrity sha512-VfcwXlBWgTF+unPcr7yu3HSSA6QUdDaDnrHcytVfj5Z8azAyKBDrYnSIfeSxlrEayndNcLmrXzg+Vxbo6DWRXQ==
+  dependencies:
+    leac "^0.6.0"
+    peberminta "^0.8.0"
+
 parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
@@ -3001,6 +3436,11 @@ path-type@^4.0.0:
   resolved "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz"
   integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
 
+peberminta@^0.8.0:
+  version "0.8.0"
+  resolved "https://registry.npmjs.org/peberminta/-/peberminta-0.8.0.tgz"
+  integrity sha512-YYEs+eauIjDH5nUEGi18EohWE0nV2QbGTqmxQcqgZ/0g+laPCQmuIqq7EBLVi9uim9zMgfJv0QBZEnQ3uHw/Tw==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz"
@@ -3128,6 +3568,15 @@ pretty-format@^3.8.0:
   resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz"
   integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
 
+pretty@2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmjs.org/pretty/-/pretty-2.0.0.tgz"
+  integrity sha512-G9xUchgTEiNpormdYBl+Pha50gOUovT18IvAe7EYMZ1/f9W/WWMPRn+xI68yXNMUk3QXHDwo/1wV/4NejVNe1w==
+  dependencies:
+    condense-newlines "^0.2.1"
+    extend-shallow "^2.0.1"
+    js-beautify "^1.6.12"
+
 prisma@^4.15.0:
   version "4.15.0"
   resolved "https://registry.npmjs.org/prisma/-/prisma-4.15.0.tgz"
@@ -3144,6 +3593,11 @@ prop-types@^15.5.10, prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
     object-assign "^4.1.1"
     react-is "^16.13.1"
 
+proto-list@~1.2.1:
+  version "1.2.4"
+  resolved "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz"
+  integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==
+
 proxy-addr@~2.0.7:
   version "2.0.7"
   resolved "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz"
@@ -3340,6 +3794,14 @@ regexp.prototype.flags@^1.4.3, regexp.prototype.flags@^1.5.0:
     define-properties "^1.2.0"
     functions-have-names "^1.2.3"
 
+resend@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmjs.org/resend/-/resend-1.1.0.tgz"
+  integrity sha512-it8TIDVT+/gAiJsUlv2tdHuvzwCCv4Zwu+udDqIm/dIuByQwe68TtFDcPccxqpSVVrNCBxxXLzsdT1tsV+P3GA==
+  dependencies:
+    "@react-email/render" "0.0.7"
+    type-fest "3.13.0"
+
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz"
@@ -3448,6 +3910,13 @@ scheduler@^0.23.0:
   dependencies:
     loose-envify "^1.1.0"
 
+selderee@^0.10.0:
+  version "0.10.0"
+  resolved "https://registry.npmjs.org/selderee/-/selderee-0.10.0.tgz"
+  integrity sha512-DEL/RW/f4qLw/NrVg97xKaEBC8IpzIG2fvxnzCp3Z4yk4jQ3MXom+Imav9wApjxX2dfS3eW7x0DXafJr85i39A==
+  dependencies:
+    parseley "^0.11.0"
+
 semver@^6.3.0:
   version "6.3.1"
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
@@ -3458,7 +3927,7 @@ semver@^6.3.1:
   resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz"
   integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
 
-semver@^7.3.5, semver@^7.3.7, semver@^7.5.4:
+semver@^7.3.5, semver@^7.3.7, semver@^7.5.3, semver@^7.5.4:
   version "7.5.4"
   resolved "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz"
   integrity sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==
@@ -3570,6 +4039,11 @@ slash@^4.0.0:
   resolved "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz"
   integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==
 
+slick@^1.12.2:
+  version "1.12.2"
+  resolved "https://registry.npmjs.org/slick/-/slick-1.12.2.tgz"
+  integrity sha512-4qdtOGcBjral6YIBCWJ0ljFSKNLz9KkhbWtuGvUyRowl1kxfuE1x/Z/aJcaiilpb3do9bl5K7/1h9XC5wWpY/A==
+
 source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
@@ -3898,7 +4372,7 @@ tslib@^1.8.1:
   resolved "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
 
-tslib@^2.0.0, tslib@^2.4.0, tslib@^2.5.0:
+tslib@^2.0.0, tslib@^2.2.0, tslib@^2.4.0, tslib@^2.5.0:
   version "2.5.2"
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz"
   integrity sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA==
@@ -3934,6 +4408,11 @@ type-fest@^0.20.2:
   resolved "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz"
   integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
 
+type-fest@3.13.0:
+  version "3.13.0"
+  resolved "https://registry.npmjs.org/type-fest/-/type-fest-3.13.0.tgz"
+  integrity sha512-Gur3yQGM9qiLNs0KPP7LPgeRbio2QTt4xXouobMCarR0/wyW3F+F/+OWwshg3NG0Adon7uQfSZBpB46NfhoF1A==
+
 type-is@~1.6.18:
   version "1.6.18"
   resolved "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz"
@@ -4041,6 +4520,11 @@ v8-compile-cache-lib@^3.0.1:
   resolved "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz"
   integrity sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==
 
+valid-data-url@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmjs.org/valid-data-url/-/valid-data-url-3.0.1.tgz"
+  integrity sha512-jOWVmzVceKlVVdwjNSenT4PbGghU0SBIizAev8ofZVgivk/TVHXSbNL8LP6M3spZvkR9/QolkyJavGSX5Cs0UA==
+
 validator@^13.9.0:
   version "13.11.0"
   resolved "https://registry.npmjs.org/validator/-/validator-13.11.0.tgz"
@@ -4058,6 +4542,18 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
+web-resource-inliner@^6.0.1:
+  version "6.0.1"
+  resolved "https://registry.npmjs.org/web-resource-inliner/-/web-resource-inliner-6.0.1.tgz"
+  integrity sha512-kfqDxt5dTB1JhqsCUQVFDj0rmY+4HLwGQIsLPbyrsN9y9WV/1oFDSx3BQ4GfCv9X+jVeQ7rouTqwK53rA/7t8A==
+  dependencies:
+    ansi-colors "^4.1.1"
+    escape-goat "^3.0.0"
+    htmlparser2 "^5.0.0"
+    mime "^2.4.6"
+    node-fetch "^2.6.0"
+    valid-data-url "^3.0.0"
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"

From db4c652ad451ccf2843cbe36466870123e4e15f9 Mon Sep 17 00:00:00 2001
From: Utkarsh1343 <ahmednagaruser414006@gmail.com>
Date: Mon, 9 Oct 2023 11:17:08 +0530
Subject: [PATCH 30/40] Added a Logout Button along with some additions in
 Footer

---
 components/AppBar/AppBarAdmin.tsx   |  50 ++++-
 components/AppBar/Logout.css        |  11 +
 components/Footer/Footer.module.css |   2 +-
 components/Footer/Footer.tsx        |  37 ++--
 package-lock.json                   | 273 +++++++++++++++---------
 package.json                        |  10 +-
 yarn.lock                           | 314 +++++++++++++++++++++-------
 7 files changed, 501 insertions(+), 196 deletions(-)
 create mode 100644 components/AppBar/Logout.css

diff --git a/components/AppBar/AppBarAdmin.tsx b/components/AppBar/AppBarAdmin.tsx
index 2327159..4a68d50 100644
--- a/components/AppBar/AppBarAdmin.tsx
+++ b/components/AppBar/AppBarAdmin.tsx
@@ -5,6 +5,7 @@ import Image from 'next/image'
 import Link from 'next/link'
 import styles from './AppBar.module.css'
 import { useSession, signOut } from 'next-auth/react'
+import './Logout.css'
 
 export default function AppBarAdmin() {
   const { data: session } = useSession()
@@ -12,7 +13,6 @@ export default function AppBarAdmin() {
   const clickHandler = () => {
     setActive(prevActive => !prevActive)
   }
-
   const [visible, setVisible] = useState(true)
   const [previousScrollPosition, setPreviousScrollPosition] = useState(0)
   useEffect(() => {
@@ -73,7 +73,7 @@ export default function AppBarAdmin() {
               </div>
               {session && session.user && session.user.image ? (
                 <div className={styles.option} onClick={() => signOut()}>
-                  <img
+                  {/* <img
                     src={session.user.image}
                     alt='User'
                     style={{
@@ -81,7 +81,51 @@ export default function AppBarAdmin() {
                       width: '50px',
                       height: '50px',
                     }}
-                  />
+                  /> */}
+                  <button
+                    style={{
+                      content: "''",
+                      backgroundImage: `linear-gradient(
+                          45deg,
+                          #ff0000,
+                          #ff7300,
+                          #fffb00,
+                          #48ff00,
+                          #00ffd5,
+                          #002bff,
+                          #7a00ff,
+                          #ff00c8,
+                          #ff0000
+                        )`,
+                      top: '-2px',
+                      left: '-2px',
+                      backgroundSize: '400%',
+                      borderRadius: '10px',
+                      width: 'calc(100% + 4px)',
+                      height: 'calc(100% + 9px)',
+                      animation: 'glowing-button-85 20s linear infinite',
+                      transition: 'opacity 0.3s ease-in-out',
+                      zIndex: -1,
+                      border: 'none',
+                      outline: 'none',
+                    }}
+                    role='button'
+                  >
+                    <span
+                      style={{
+                        padding: '0.2em 0.8em',
+                        zIndex: '0',
+                        color: 'rgb(255, 255, 255)',
+                        backgroundColor: '#2b2b2b',
+                        position: 'relative',
+                        borderRadius: '10px',
+                        userSelect: 'none',
+                        touchAction: 'manipulation',
+                      }}
+                    >
+                      Logout
+                    </span>
+                  </button>
                 </div>
               ) : (
                 <></>
diff --git a/components/AppBar/Logout.css b/components/AppBar/Logout.css
new file mode 100644
index 0000000..f33c787
--- /dev/null
+++ b/components/AppBar/Logout.css
@@ -0,0 +1,11 @@
+@keyframes glowing-button-85 {
+  0% {
+    background-position: 0 0;
+  }
+  50% {
+    background-position: 400% 0;
+  }
+  100% {
+    background-position: 0 0;
+  }
+}
diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
index 6eafc02..b7cbf94 100644
--- a/components/Footer/Footer.module.css
+++ b/components/Footer/Footer.module.css
@@ -1,6 +1,6 @@
 .footer {
   background-color: #1d1c1a;
-  padding: 6rem 0;
+  padding: 2.5rem 0;
 }
 
 .footerDiv {
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index ebde0ed..182b316 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -1,10 +1,10 @@
 'use client'
-
 import React from 'react'
 import Image from 'next/image'
 import classes from './Footer.module.css'
 import Link from 'next/link'
-
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faGithub } from '@fortawesome/free-brands-svg-icons'
 export default function Footer() {
   const date = new Date()
   const year = date.getFullYear()
@@ -34,9 +34,26 @@ export default function Footer() {
             <div className={`${classes.footerlink} ${classes.navLink}`}>
               <Link href='/leaderboard'>Leaderboard</Link>
             </div>
+            <div className={`${classes.footerlink} ${classes.navLink}`}>
+              <Link href='/events'>Events</Link>
+            </div>
+            <div className={`${classes.footerlink} ${classes.navLink}`}>
+              <Link href='/members/wanna_join'>Membership Norms</Link>
+            </div>
+            <div className={`${classes.footerlink} ${classes.navLink}`}>
+              <Link href='https://docs.google.com/document/d/1jRucEzPliQFMyHNJ87l-4Q3br8EcPv0_HPgkKTX51Vo/edit#heading=h.n2ak0bmfqkfh'>
+                FAQs
+              </Link>
+            </div>
           </div>
 
           <div className={classes.footerContactWrapper}>
+            <h6
+              className={classes.footerlink}
+              style={{ color: 'white', padding: '1rem' }}
+            >
+              Conatct Us!
+            </h6>
             <div>
               <a
                 href='mailto:coding.club@iitdh.ac.in'
@@ -58,24 +75,14 @@ export default function Footer() {
                 target='_blank'
                 className={classes.footerlink}
               >
-                <img
-                  src='https://img.icons8.com/plumpy/48/github.png'
-                  alt='github'
-                  loading='lazy'
-                  className='socialmediaicon'
-                />
+                <FontAwesomeIcon icon={faGithub} />
               </Link>
               <Link
-                href='https://www.github.com/shubhagarwal-dev/'
+                href='https://github.com/oss2019/CodeGeassWebsite'
                 target='_blank'
                 className={classes.footerlink}
               >
-                <img
-                  src='https://img.icons8.com/plumpy/48/github.png'
-                  alt='github'
-                  loading='lazy'
-                  className='socialmediaicon'
-                />
+                <FontAwesomeIcon icon={faGithub} />
               </Link>
             </div>
             <div>© Copyright - {year} Coding Club all right reserved</div>
diff --git a/package-lock.json b/package-lock.json
index e659cc4..6abd3b8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,8 @@
       "version": "0.1.1",
       "hasInstallScript": true,
       "dependencies": {
+        "@fortawesome/free-brands-svg-icons": "^6.4.2",
+        "@fortawesome/react-fontawesome": "^0.2.0",
         "@prisma/client": "4.15.0",
         "@types/node": "^20.3.1",
         "@types/react": "18.2.7",
@@ -23,9 +25,9 @@
         "flowbite-react": "^0.4.9",
         "gsap": "^3.11.5",
         "leetcode-query": "^0.2.7",
-        "next": "13.4.4",
+        "next": "^13.5.4",
         "next-auth": "^4.22.4",
-        "postcss": "8.4.24",
+        "postcss": "^8.4.31",
         "prettier": "2.8.8",
         "prisma": "^4.15.0",
         "react": "18.2.0",
@@ -200,6 +202,30 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz",
       "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw=="
     },
+    "node_modules/@fortawesome/free-brands-svg-icons": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz",
+      "integrity": "sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/react-fontawesome": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
+      "integrity": "sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==",
+      "dependencies": {
+        "prop-types": "^15.8.1"
+      },
+      "peerDependencies": {
+        "@fortawesome/fontawesome-svg-core": "~1 || ~6",
+        "react": ">=16.3"
+      }
+    },
     "node_modules/@humanwhocodes/config-array": {
       "version": "0.11.10",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz",
@@ -282,9 +308,9 @@
       "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
     "node_modules/@next/env": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz",
-      "integrity": "sha512-q/y7VZj/9YpgzDe64Zi6rY1xPizx80JjlU2BTevlajtaE3w1LqweH1gGgxou2N7hdFosXHjGrI4OUvtFXXhGLg=="
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
+      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "13.4.6",
@@ -316,9 +342,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.4.tgz",
-      "integrity": "sha512-xfjgXvp4KalNUKZMHmsFxr1Ug+aGmmO6NWP0uoh4G3WFqP/mJ1xxfww0gMOeMeSq/Jyr5k7DvoZ2Pv+XOITTtw==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
+      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
       "cpu": [
         "arm64"
       ],
@@ -331,9 +357,9 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.4.tgz",
-      "integrity": "sha512-ZY9Ti1hkIwJsxGus3nlubIkvYyB0gNOYxKrfsOrLEqD0I2iCX8D7w8v6QQZ2H+dDl6UT29oeEUdDUNGk4UEpfg==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
+      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
       "cpu": [
         "x64"
       ],
@@ -346,9 +372,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.4.tgz",
-      "integrity": "sha512-+KZnDeMShYkpkqAvGCEDeqYTRADJXc6SY1jWXz+Uo6qWQO/Jd9CoyhTJwRSxvQA16MoYzvILkGaDqirkRNctyA==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
+      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
       "cpu": [
         "arm64"
       ],
@@ -361,9 +387,9 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.4.tgz",
-      "integrity": "sha512-evC1twrny2XDT4uOftoubZvW3EG0zs0ZxMwEtu/dDGVRO5n5pT48S8qqEIBGBUZYu/Xx4zzpOkIxx1vpWdE+9A==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
+      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
       "cpu": [
         "arm64"
       ],
@@ -376,9 +402,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.4.tgz",
-      "integrity": "sha512-PX706XcCHr2FfkyhP2lpf+pX/tUvq6/ke7JYnnr0ykNdEMo+sb7cC/o91gnURh4sPYSiZJhsF2gbIqg9rciOHQ==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
+      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
       "cpu": [
         "x64"
       ],
@@ -391,9 +417,9 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.4.tgz",
-      "integrity": "sha512-TKUUx3Ftd95JlHV6XagEnqpT204Y+IsEa3awaYIjayn0MOGjgKZMZibqarK3B1FsMSPaieJf2FEAcu9z0yT5aA==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
+      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
       "cpu": [
         "x64"
       ],
@@ -406,9 +432,9 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.4.tgz",
-      "integrity": "sha512-FP8AadgSq4+HPtim7WBkCMGbhr5vh9FePXiWx9+YOdjwdQocwoCK5ZVC3OW8oh3TWth6iJ0AXJ/yQ1q1cwSZ3A==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
+      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
       "cpu": [
         "arm64"
       ],
@@ -421,9 +447,9 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.4.tgz",
-      "integrity": "sha512-3WekVmtuA2MCdcAOrgrI+PuFiFURtSyyrN1I3UPtS0ckR2HtLqyqmS334Eulf15g1/bdwMteePdK363X/Y9JMg==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
+      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
       "cpu": [
         "ia32"
       ],
@@ -436,9 +462,9 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.4.tgz",
-      "integrity": "sha512-AHRITu/CrlQ+qzoqQtEMfaTu7GHaQ6bziQln/pVWpOYC1wU+Mq6VQQFlsDtMCnDztPZtppAXdvvbNS7pcfRzlw==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
+      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
       "cpu": [
         "x64"
       ],
@@ -563,9 +589,9 @@
       "dev": true
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.1",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
-      "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
+      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -606,6 +632,11 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz",
       "integrity": "sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg=="
     },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA=="
+    },
     "node_modules/@types/prop-types": {
       "version": "15.7.5",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.5.tgz",
@@ -1082,6 +1113,20 @@
       "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz",
       "integrity": "sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw=="
     },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
@@ -1261,7 +1306,6 @@
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
-      "dev": true,
       "engines": {
         "node": ">=6"
       }
@@ -1455,6 +1499,29 @@
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.39.tgz",
       "integrity": "sha512-8q9ZexmdYYyc5/cfujaXb4YOucpQxAV4RMG0himLyDUOEr8Mr79VrqsFI+cQ2M2h89YIuy95lbxuYjxT4Hk4kQ=="
     },
+    "node_modules/cosmiconfig": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz",
+      "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==",
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cosmiconfig/node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/create-require": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
@@ -1723,6 +1790,19 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-ex/node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg=="
+    },
     "node_modules/es-abstract": {
       "version": "1.22.1",
       "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz",
@@ -2696,6 +2776,11 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+    },
     "node_modules/globals": {
       "version": "13.20.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
@@ -2761,8 +2846,7 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
-      "dev": true
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
@@ -2894,7 +2978,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
-      "dev": true,
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -3309,6 +3392,11 @@
         "js-yaml": "bin/js-yaml.js"
       }
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w=="
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -3595,38 +3683,37 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.4.4.tgz",
-      "integrity": "sha512-C5S0ysM0Ily9McL4Jb48nOQHT1BukOWI59uC3X/xCMlYIh9rJZCv7nzG92J6e1cOBqQbKovlpgvHWFmz4eKKEA==",
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
+      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
       "dependencies": {
-        "@next/env": "13.4.4",
-        "@swc/helpers": "0.5.1",
+        "@next/env": "13.5.4",
+        "@swc/helpers": "0.5.2",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.14",
+        "postcss": "8.4.31",
         "styled-jsx": "5.1.1",
-        "zod": "3.21.4"
+        "watchpack": "2.4.0"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.8.0"
+        "node": ">=16.14.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.4.4",
-        "@next/swc-darwin-x64": "13.4.4",
-        "@next/swc-linux-arm64-gnu": "13.4.4",
-        "@next/swc-linux-arm64-musl": "13.4.4",
-        "@next/swc-linux-x64-gnu": "13.4.4",
-        "@next/swc-linux-x64-musl": "13.4.4",
-        "@next/swc-win32-arm64-msvc": "13.4.4",
-        "@next/swc-win32-ia32-msvc": "13.4.4",
-        "@next/swc-win32-x64-msvc": "13.4.4"
+        "@next/swc-darwin-arm64": "13.5.4",
+        "@next/swc-darwin-x64": "13.5.4",
+        "@next/swc-linux-arm64-gnu": "13.5.4",
+        "@next/swc-linux-arm64-musl": "13.5.4",
+        "@next/swc-linux-x64-gnu": "13.5.4",
+        "@next/swc-linux-x64-musl": "13.5.4",
+        "@next/swc-win32-arm64-msvc": "13.5.4",
+        "@next/swc-win32-ia32-msvc": "13.5.4",
+        "@next/swc-win32-x64-msvc": "13.5.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
-        "fibers": ">= 3.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -3635,9 +3722,6 @@
         "@opentelemetry/api": {
           "optional": true
         },
-        "fibers": {
-          "optional": true
-        },
         "sass": {
           "optional": true
         }
@@ -3678,29 +3762,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/next/node_modules/postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/postcss"
-        }
-      ],
-      "dependencies": {
-        "nanoid": "^3.3.4",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": "^10 || ^12 || >=14"
-      }
-    },
     "node_modules/node-abi": {
       "version": "3.45.0",
       "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.45.0.tgz",
@@ -4040,7 +4101,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
-      "dev": true,
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -4048,6 +4108,23 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -4083,7 +4160,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
       "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
-      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4121,9 +4197,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.24",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
-      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -4636,7 +4712,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
-      "dev": true,
       "engines": {
         "node": ">=4"
       }
@@ -5650,6 +5725,18 @@
         "loose-envify": "^1.0.0"
       }
     },
+    "node_modules/watchpack": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
+      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -5751,14 +5838,6 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
-    },
-    "node_modules/zod": {
-      "version": "3.21.4",
-      "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
-      "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
-      "funding": {
-        "url": "https://github.com/sponsors/colinhacks"
-      }
     }
   }
 }
diff --git a/package.json b/package.json
index ee066f6..6726127 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,11 @@
     "seed": "ts-node --compiler-options {\"module\":\"CommonJS\"} prisma/seed.ts"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.4.2",
+    "@fortawesome/free-brands-svg-icons": "^6.4.2",
+    "@fortawesome/free-regular-svg-icons": "^6.4.2",
+    "@fortawesome/free-solid-svg-icons": "^6.4.2",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@prisma/client": "4.15.0",
     "@types/node": "^20.3.1",
     "@types/react": "18.2.7",
@@ -21,6 +26,7 @@
     "@types/validator": "^13.7.17",
     "autoprefixer": "10.4.14",
     "axios": "^1.4.0",
+    "babel-plugin-macros": "^3.1.0",
     "codeforces-api-ts": "^2.0.1",
     "cookies-next": "^2.1.2",
     "dotenv": "^16.3.1",
@@ -28,9 +34,9 @@
     "flowbite-react": "^0.4.9",
     "gsap": "^3.11.5",
     "leetcode-query": "^0.2.7",
-    "next": "13.4.4",
+    "next": "^13.5.4",
     "next-auth": "^4.22.4",
-    "postcss": "8.4.24",
+    "postcss": "^8.4.31",
     "prettier": "2.8.8",
     "prisma": "^4.15.0",
     "react": "18.2.0",
diff --git a/yarn.lock b/yarn.lock
index 7906f31..d45dc22 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,7 +12,29 @@
   resolved "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
-"@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7":
+"@babel/code-frame@^7.0.0":
+  version "7.22.13"
+  resolved "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
+"@babel/helper-validator-identifier@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+
+"@babel/highlight@^7.22.13":
+  version "7.22.20"
+  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz"
+  integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.20"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
+"@babel/runtime@^7.12.5", "@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7":
   version "7.22.10"
   resolved "https://registry.npmjs.org/@babel/runtime/-/runtime-7.22.10.tgz"
   integrity sha512-21t/fkKLMZI4pqP2wlmsQAWnYW1PDyKyyUV4vCi+B25ydmdaYTKXPwCj0BzSUnZf4seIiYvSA3jcZ3gdsMFkLQ==
@@ -94,6 +116,46 @@
   resolved "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz"
   integrity sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw==
 
+"@fortawesome/fontawesome-common-types@6.4.2":
+  version "6.4.2"
+  resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz"
+  integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
+
+"@fortawesome/fontawesome-svg-core@^6.4.2", "@fortawesome/fontawesome-svg-core@~1 || ~6":
+  version "6.4.2"
+  resolved "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz"
+  integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-brands-svg-icons@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz"
+  integrity sha512-LKOwJX0I7+mR/cvvf6qIiqcERbdnY+24zgpUSouySml+5w8B4BJOx8EhDR/FTKAu06W12fmUIcv6lzPSwYKGGg==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-regular-svg-icons@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz"
+  integrity sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/free-solid-svg-icons@^6.4.2":
+  version "6.4.2"
+  resolved "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz"
+  integrity sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==
+  dependencies:
+    "@fortawesome/fontawesome-common-types" "6.4.2"
+
+"@fortawesome/react-fontawesome@^0.2.0":
+  version "0.2.0"
+  resolved "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz"
+  integrity sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw==
+  dependencies:
+    prop-types "^15.8.1"
+
 "@humanwhocodes/config-array@^0.11.10":
   version "0.11.10"
   resolved "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.10.tgz"
@@ -158,10 +220,10 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@next/env@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz"
-  integrity sha512-q/y7VZj/9YpgzDe64Zi6rY1xPizx80JjlU2BTevlajtaE3w1LqweH1gGgxou2N7hdFosXHjGrI4OUvtFXXhGLg==
+"@next/env@13.5.4":
+  version "13.5.4"
+  resolved "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz"
+  integrity sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ==
 
 "@next/eslint-plugin-next@13.4.6":
   version "13.4.6"
@@ -170,10 +232,10 @@
   dependencies:
     glob "7.1.7"
 
-"@next/swc-darwin-arm64@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.4.tgz"
-  integrity sha512-xfjgXvp4KalNUKZMHmsFxr1Ug+aGmmO6NWP0uoh4G3WFqP/mJ1xxfww0gMOeMeSq/Jyr5k7DvoZ2Pv+XOITTtw==
+"@next/swc-win32-x64-msvc@13.5.4":
+  version "13.5.4"
+  resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz"
+  integrity sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -240,10 +302,10 @@
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz"
   integrity sha512-V+MvGwaHH03hYhY+k6Ef/xKd6RYlc4q8WBx+2ANmipHJcKuktNcI/NgEsJgdSUF6Lw32njT6OnrRsKYCdgHjYw==
 
-"@swc/helpers@0.5.1":
-  version "0.5.1"
-  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz"
-  integrity sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==
+"@swc/helpers@0.5.2":
+  version "0.5.2"
+  resolved "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz"
+  integrity sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==
   dependencies:
     tslib "^2.4.0"
 
@@ -277,15 +339,20 @@
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
+"@types/node@*", "@types/node@^20.3.1":
+  version "20.4.8"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
+  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
+
 "@types/node@^16.10.2":
   version "16.18.39"
   resolved "https://registry.npmjs.org/@types/node/-/node-16.18.39.tgz"
   integrity sha512-8q9ZexmdYYyc5/cfujaXb4YOucpQxAV4RMG0himLyDUOEr8Mr79VrqsFI+cQ2M2h89YIuy95lbxuYjxT4Hk4kQ==
 
-"@types/node@^20.3.1":
-  version "20.4.8"
-  resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
-  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
+"@types/parse-json@^4.0.0":
+  version "4.0.0"
+  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz"
+  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
 "@types/prop-types@*":
   version "15.7.5"
@@ -379,7 +446,7 @@ acorn-walk@^8.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-acorn@^8.4.1, acorn@^8.9.0:
+"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.4.1, acorn@^8.9.0:
   version "8.10.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz"
   integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
@@ -399,6 +466,13 @@ ansi-regex@^5.0.1:
   resolved "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-styles@^3.2.1:
+  version "3.2.1"
+  resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz"
+  integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+  dependencies:
+    color-convert "^1.9.0"
+
 ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz"
@@ -579,6 +653,15 @@ b4a@^1.6.4:
   resolved "https://registry.npmjs.org/b4a/-/b4a-1.6.4.tgz"
   integrity sha512-fpWrvyVHEKyeEvbKZTVOeZF3VSKKWtJxFIxX/jaVPf+cLbGUSitjb49pHLqPV2BUNNZ0LcoeEGfE/YCpyDYHIw==
 
+babel-plugin-macros@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz"
+  integrity sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    cosmiconfig "^7.0.0"
+    resolve "^1.19.0"
+
 balanced-match@^1.0.0:
   version "1.0.2"
   resolved "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz"
@@ -630,7 +713,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.5:
+browserslist@^4.21.5, "browserslist@>= 4.21.0":
   version "4.21.7"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz"
   integrity sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==
@@ -685,6 +768,15 @@ caniuse-lite@^1.0.30001406, caniuse-lite@^1.0.30001464, caniuse-lite@^1.0.300014
   resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001492.tgz"
   integrity sha512-2efF8SAZwgAX1FJr87KWhvuJxnGJKOnctQa8xLOskAXNXq8oiuqgl6u1kk3fFpsp3GgvzlRjiK1sl63hNtFADw==
 
+chalk@^2.4.2:
+  version "2.4.2"
+  resolved "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz"
+  integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+  dependencies:
+    ansi-styles "^3.2.1"
+    escape-string-regexp "^1.0.5"
+    supports-color "^5.3.0"
+
 chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
@@ -732,6 +824,13 @@ codeforces-api-ts@^2.0.1:
     lodash "^4.17.21"
     qs "^6.11.0"
 
+color-convert@^1.9.0:
+  version "1.9.3"
+  resolved "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz"
+  integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+  dependencies:
+    color-name "1.1.3"
+
 color-convert@^2.0.1:
   version "2.0.1"
   resolved "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz"
@@ -744,6 +843,11 @@ color-name@^1.0.0, color-name@~1.1.4:
   resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+color-name@1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz"
+  integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
 color-string@^1.9.0:
   version "1.9.1"
   resolved "https://registry.npmjs.org/color-string/-/color-string-1.9.1.tgz"
@@ -796,6 +900,17 @@ cookies-next@^2.1.2:
     "@types/node" "^16.10.2"
     cookie "^0.4.0"
 
+cosmiconfig@^7.0.0:
+  version "7.1.0"
+  resolved "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz"
+  integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==
+  dependencies:
+    "@types/parse-json" "^4.0.0"
+    import-fresh "^3.2.1"
+    parse-json "^5.0.0"
+    path-type "^4.0.0"
+    yaml "^1.10.0"
+
 create-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz"
@@ -978,6 +1093,13 @@ enhanced-resolve@^5.12.0:
     graceful-fs "^4.2.4"
     tapable "^2.2.0"
 
+error-ex@^1.3.1:
+  version "1.3.2"
+  resolved "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz"
+  integrity sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==
+  dependencies:
+    is-arrayish "^0.2.1"
+
 es-abstract@^1.19.0, es-abstract@^1.20.4, es-abstract@^1.21.2:
   version "1.22.1"
   resolved "https://registry.npmjs.org/es-abstract/-/es-abstract-1.22.1.tgz"
@@ -1053,6 +1175,11 @@ escalade@^3.1.1:
   resolved "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz"
   integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
 
+escape-string-regexp@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz"
+  integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
 escape-string-regexp@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz"
@@ -1103,7 +1230,7 @@ eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-import@^2.26.0:
+eslint-plugin-import@*, eslint-plugin-import@^2.26.0:
   version "2.28.0"
   resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz"
   integrity sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==
@@ -1188,7 +1315,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
   integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
 
-eslint@8.43.0:
+eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^7.23.0 || ^8.0.0", eslint@8.43.0:
   version "8.43.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz"
   integrity sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==
@@ -1434,11 +1561,6 @@ fs.realpath@^1.0.0:
   resolved "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz"
   integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
 
-fsevents@~2.3.2:
-  version "2.3.2"
-  resolved "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz"
-  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
-
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -1515,6 +1637,11 @@ glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
+glob-to-regexp@^0.4.1:
+  version "0.4.1"
+  resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
+  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
+
 glob@^7.1.3, glob@7.1.6:
   version "7.1.6"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz"
@@ -1583,7 +1710,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.2.4:
+graceful-fs@^4.1.2, graceful-fs@^4.2.4:
   version "4.2.11"
   resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -1608,6 +1735,11 @@ has-bigints@^1.0.1, has-bigints@^1.0.2:
   resolved "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz"
   integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
 
+has-flag@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz"
+  integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
 has-flag@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz"
@@ -1713,6 +1845,11 @@ is-array-buffer@^3.0.1, is-array-buffer@^3.0.2:
     get-intrinsic "^1.2.0"
     is-typed-array "^1.1.10"
 
+is-arrayish@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz"
+  integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==
+
 is-arrayish@^0.3.1:
   version "0.3.2"
   resolved "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz"
@@ -1890,7 +2027,7 @@ jose@^4.11.4, jose@^4.14.4:
   resolved "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz"
   integrity sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==
 
-"js-tokens@^3.0.0 || ^4.0.0":
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
@@ -1902,6 +2039,11 @@ js-yaml@^4.1.0:
   dependencies:
     argparse "^2.0.1"
 
+json-parse-even-better-errors@^2.3.0:
+  version "2.3.1"
+  resolved "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz"
+  integrity sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==
+
 json-schema-traverse@^0.4.1:
   version "0.4.1"
   resolved "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz"
@@ -2083,7 +2225,7 @@ mz@^2.7.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nanoid@^3.3.4, nanoid@^3.3.6:
+nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -2113,28 +2255,28 @@ next-auth@^4.22.4:
     preact-render-to-string "^5.1.19"
     uuid "^8.3.2"
 
-next@13.4.4:
-  version "13.4.4"
-  resolved "https://registry.npmjs.org/next/-/next-13.4.4.tgz"
-  integrity sha512-C5S0ysM0Ily9McL4Jb48nOQHT1BukOWI59uC3X/xCMlYIh9rJZCv7nzG92J6e1cOBqQbKovlpgvHWFmz4eKKEA==
+"next@^12.2.5 || ^13", next@^13.5.4:
+  version "13.5.4"
+  resolved "https://registry.npmjs.org/next/-/next-13.5.4.tgz"
+  integrity sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==
   dependencies:
-    "@next/env" "13.4.4"
-    "@swc/helpers" "0.5.1"
+    "@next/env" "13.5.4"
+    "@swc/helpers" "0.5.2"
     busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
-    postcss "8.4.14"
+    postcss "8.4.31"
     styled-jsx "5.1.1"
-    zod "3.21.4"
+    watchpack "2.4.0"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "13.4.4"
-    "@next/swc-darwin-x64" "13.4.4"
-    "@next/swc-linux-arm64-gnu" "13.4.4"
-    "@next/swc-linux-arm64-musl" "13.4.4"
-    "@next/swc-linux-x64-gnu" "13.4.4"
-    "@next/swc-linux-x64-musl" "13.4.4"
-    "@next/swc-win32-arm64-msvc" "13.4.4"
-    "@next/swc-win32-ia32-msvc" "13.4.4"
-    "@next/swc-win32-x64-msvc" "13.4.4"
+    "@next/swc-darwin-arm64" "13.5.4"
+    "@next/swc-darwin-x64" "13.5.4"
+    "@next/swc-linux-arm64-gnu" "13.5.4"
+    "@next/swc-linux-arm64-musl" "13.5.4"
+    "@next/swc-linux-x64-gnu" "13.5.4"
+    "@next/swc-linux-x64-musl" "13.5.4"
+    "@next/swc-win32-arm64-msvc" "13.5.4"
+    "@next/swc-win32-ia32-msvc" "13.5.4"
+    "@next/swc-win32-x64-msvc" "13.5.4"
 
 node-abi@^3.3.0:
   version "3.45.0"
@@ -2353,6 +2495,16 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-json@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz"
+  integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==
+  dependencies:
+    "@babel/code-frame" "^7.0.0"
+    error-ex "^1.3.1"
+    json-parse-even-better-errors "^2.3.0"
+    lines-and-columns "^1.1.6"
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
@@ -2447,24 +2599,15 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^8.4.23, postcss@8.4.24:
-  version "8.4.24"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz"
-  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
+postcss@^8.0.0, postcss@^8.1.0, postcss@^8.2.14, postcss@^8.4.21, postcss@^8.4.23, postcss@^8.4.31, postcss@>=8.0.9, postcss@8.4.31:
+  version "8.4.31"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz"
+  integrity sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==
   dependencies:
     nanoid "^3.3.6"
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@8.4.14:
-  version "8.4.14"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz"
-  integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
-  dependencies:
-    nanoid "^3.3.4"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 preact-render-to-string@^5.1.19:
   version "5.2.6"
   resolved "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz"
@@ -2472,7 +2615,7 @@ preact-render-to-string@^5.1.19:
   dependencies:
     pretty-format "^3.8.0"
 
-preact@^10.6.3:
+preact@^10.6.3, preact@>=10:
   version "10.16.0"
   resolved "https://registry.npmjs.org/preact/-/preact-10.16.0.tgz"
   integrity sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA==
@@ -2510,7 +2653,7 @@ pretty-format@^3.8.0:
   resolved "https://registry.npmjs.org/pretty-format/-/pretty-format-3.8.0.tgz"
   integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
 
-prisma@^4.15.0:
+prisma@*, prisma@^4.15.0:
   version "4.15.0"
   resolved "https://registry.npmjs.org/prisma/-/prisma-4.15.0.tgz"
   integrity sha512-iKZZpobPl48gTcSZVawLMQ3lEy6BnXwtoMj7hluoGFYu2kQ6F9LBuBrUyF95zRVnNo8/3KzLXJXJ5TEnLSJFiA==
@@ -2571,7 +2714,7 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-react-dom@18.2.0:
+"react-dom@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react-dom@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.2 || ^18", react-dom@^18, react-dom@^18.2.0, react-dom@>=16.8.0, react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -2624,6 +2767,13 @@ react-modal@^3.16.1:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
+react@*, "react@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^17.0.2 || ^18", react@^18, react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16.3, react@>=16.8.0, react@18.2.0:
+  version "18.2.0"
+  resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
+  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
 react@^16.0.0:
   version "16.14.0"
   resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
@@ -2633,13 +2783,6 @@ react@^16.0.0:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
-react@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
-  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
-  dependencies:
-    loose-envify "^1.1.0"
-
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
@@ -2687,7 +2830,7 @@ resolve-pkg-maps@^1.0.0:
   resolved "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz"
   integrity sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==
 
-resolve@^1.1.7, resolve@^1.22.2:
+resolve@^1.1.7, resolve@^1.19.0, resolve@^1.22.2:
   version "1.22.2"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.2.tgz"
   integrity sha512-Sb+mjNHOULsBv818T40qSPeRiuWLyaGMa5ewydRLFimneixmVy2zdivRl+AF6jaYPC8ERxGDmFSiqui6SfPd+g==
@@ -2986,6 +3129,13 @@ sucrase@^3.32.0:
     pirates "^4.0.1"
     ts-interface-checker "^0.1.9"
 
+supports-color@^5.3.0:
+  version "5.5.0"
+  resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz"
+  integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
+  dependencies:
+    has-flag "^3.0.0"
+
 supports-color@^7.1.0:
   version "7.2.0"
   resolved "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz"
@@ -3016,7 +3166,7 @@ tailwind-merge@^1.13.2:
   resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz"
   integrity sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==
 
-tailwindcss@3.3.2:
+tailwindcss@^3, tailwindcss@3.3.2:
   version "3.3.2"
   resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz"
   integrity sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==
@@ -3130,7 +3280,7 @@ ts-interface-checker@^0.1.9:
   resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
-ts-node@^10.9.1:
+ts-node@^10.9.1, ts-node@>=9.0.0:
   version "10.9.1"
   resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz"
   integrity sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==
@@ -3239,7 +3389,7 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typescript@5.0.4:
+typescript@>=2.7, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=3.3.1, typescript@5.0.4:
   version "5.0.4"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz"
   integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==
@@ -3301,6 +3451,14 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
+watchpack@2.4.0:
+  version "2.4.0"
+  resolved "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz"
+  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
+  dependencies:
+    glob-to-regexp "^0.4.1"
+    graceful-fs "^4.1.2"
+
 webidl-conversions@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz"
@@ -3353,6 +3511,11 @@ yallist@^4.0.0:
   resolved "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml@^1.10.0:
+  version "1.10.2"
+  resolved "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz"
+  integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==
+
 yaml@^2.1.1:
   version "2.3.1"
   resolved "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz"
@@ -3367,8 +3530,3 @@ yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
-
-zod@3.21.4:
-  version "3.21.4"
-  resolved "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz"
-  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==

From de53140b5890e4d9e2c66a0388d77be1735af72d Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Mon, 9 Oct 2023 15:49:28 +0530
Subject: [PATCH 31/40] email template skeleton made

---
 package-lock.json                 | 409 +++++++++++++++++-------------
 package.json                      |   1 +
 pages/api/email/emailTemplate.ejs |  32 +++
 pages/api/email/sendEmail.js      |  86 +++----
 yarn.lock                         | 259 +++++++------------
 5 files changed, 401 insertions(+), 386 deletions(-)
 create mode 100644 pages/api/email/emailTemplate.ejs

diff --git a/package-lock.json b/package-lock.json
index 493d509..3e82bc8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,11 +9,13 @@
       "version": "0.1.1",
       "hasInstallScript": true,
       "dependencies": {
-
-        "@fortawesome/free-brands-svg-icons": "^6.4.2",
-        "@fortawesome/react-fontawesome": "^0.2.0",
         "@emotion/react": "^11.11.1",
         "@emotion/styled": "^11.11.0",
+        "@fortawesome/fontawesome-svg-core": "^6.4.2",
+        "@fortawesome/free-brands-svg-icons": "^6.4.2",
+        "@fortawesome/free-regular-svg-icons": "^6.4.2",
+        "@fortawesome/free-solid-svg-icons": "^6.4.2",
+        "@fortawesome/react-fontawesome": "^0.2.0",
         "@mui/icons-material": "^5.14.7",
         "@mui/material": "^5.14.7",
         "@prisma/client": "4.15.0",
@@ -23,9 +25,11 @@
         "@types/validator": "^13.7.17",
         "autoprefixer": "10.4.14",
         "axios": "^1.4.0",
+        "babel-plugin-macros": "^3.1.0",
         "codeforces-api-ts": "^2.0.1",
         "cookies-next": "^2.1.2",
         "dotenv": "^16.3.1",
+        "ejs": "^3.1.9",
         "express": "^4.18.2",
         "flowbite": "^1.6.6",
         "flowbite-react": "^0.4.9",
@@ -539,6 +543,27 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.1.1.tgz",
       "integrity": "sha512-m0G6wlnhm/AX0H12IOWtK8gASEMffnX08RtKkCgTdHb9JpHKGloI7icFfLg9ZmQeavcvR0PKmzxClyuFPSjKWw=="
     },
+    "node_modules/@fortawesome/fontawesome-common-types": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz",
+      "integrity": "sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/fontawesome-svg-core": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz",
+      "integrity": "sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@fortawesome/free-brands-svg-icons": {
       "version": "6.4.2",
       "resolved": "https://registry.npmjs.org/@fortawesome/free-brands-svg-icons/-/free-brands-svg-icons-6.4.2.tgz",
@@ -551,6 +576,30 @@
         "node": ">=6"
       }
     },
+    "node_modules/@fortawesome/free-regular-svg-icons": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-regular-svg-icons/-/free-regular-svg-icons-6.4.2.tgz",
+      "integrity": "sha512-0+sIUWnkgTVVXVAPQmW4vxb9ZTHv0WstOa3rBx9iPxrrrDH6bNLsDYuwXF9b6fGm+iR7DKQvQshUH/FJm3ed9Q==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@fortawesome/free-solid-svg-icons": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.4.2.tgz",
+      "integrity": "sha512-sYwXurXUEQS32fZz9hVCUUv/xu49PEJEyUOsA51l6PU/qVgfbTb2glsTEaJngVVT8VqBATRIdh7XVgV1JF1LkA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@fortawesome/fontawesome-common-types": "6.4.2"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/@fortawesome/react-fontawesome": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz",
@@ -902,9 +951,9 @@
       "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w=="
     },
     "node_modules/@next/env": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz",
-      "integrity": "sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ=="
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz",
+      "integrity": "sha512-q/y7VZj/9YpgzDe64Zi6rY1xPizx80JjlU2BTevlajtaE3w1LqweH1gGgxou2N7hdFosXHjGrI4OUvtFXXhGLg=="
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "13.4.6",
@@ -936,9 +985,9 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.5.4.tgz",
-      "integrity": "sha512-Df8SHuXgF1p+aonBMcDPEsaahNo2TCwuie7VXED4FVyECvdXfRT9unapm54NssV9tF3OQFKBFOdlje4T43VO0w==",
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.4.tgz",
+      "integrity": "sha512-xfjgXvp4KalNUKZMHmsFxr1Ug+aGmmO6NWP0uoh4G3WFqP/mJ1xxfww0gMOeMeSq/Jyr5k7DvoZ2Pv+XOITTtw==",
       "cpu": [
         "arm64"
       ],
@@ -950,126 +999,6 @@
         "node": ">= 10"
       }
     },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.5.4.tgz",
-      "integrity": "sha512-siPuUwO45PnNRMeZnSa8n/Lye5ZX93IJom9wQRB5DEOdFrw0JjOMu1GINB8jAEdwa7Vdyn1oJ2xGNaQpdQQ9Pw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.5.4.tgz",
-      "integrity": "sha512-l/k/fvRP/zmB2jkFMfefmFkyZbDkYW0mRM/LB+tH5u9pB98WsHXC0WvDHlGCYp3CH/jlkJPL7gN8nkTQVrQ/2w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.5.4.tgz",
-      "integrity": "sha512-YYGb7SlLkI+XqfQa8VPErljb7k9nUnhhRrVaOdfJNCaQnHBcvbT7cx/UjDQLdleJcfyg1Hkn5YSSIeVfjgmkTg==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.5.4.tgz",
-      "integrity": "sha512-uE61vyUSClnCH18YHjA8tE1prr/PBFlBFhxBZis4XBRJoR+txAky5d7gGNUIbQ8sZZ7LVkSVgm/5Fc7mwXmRAg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.5.4.tgz",
-      "integrity": "sha512-qVEKFYML/GvJSy9CfYqAdUexA6M5AklYcQCW+8JECmkQHGoPxCf04iMh7CPR7wkHyWWK+XLt4Ja7hhsPJtSnhg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.5.4.tgz",
-      "integrity": "sha512-mDSQfqxAlfpeZOLPxLymZkX0hYF3juN57W6vFHTvwKlnHfmh12Pt7hPIRLYIShk8uYRsKPtMTth/EzpwRI+u8w==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.5.4.tgz",
-      "integrity": "sha512-aoqAT2XIekIWoriwzOmGFAvTtVY5O7JjV21giozBTP5c6uZhpvTWRbmHXbmsjZqY4HnEZQRXWkSAppsIBweKqw==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz",
-      "integrity": "sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1214,9 +1143,9 @@
       }
     },
     "node_modules/@swc/helpers": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz",
-      "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==",
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.1.tgz",
+      "integrity": "sha512-sJ902EfIzn1Fa+qYmjdQqh8tPsoxyBz+8yBKC2HKUxyezKJFwPGOn7pv4WY6QuQW//ySQi5lJjA/ZT9sNWWNTg==",
       "dependencies": {
         "tslib": "^2.4.0"
       }
@@ -2968,7 +2897,6 @@
         "node": ">=10.13.0"
       }
     },
-
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -4159,11 +4087,6 @@
         "node": ">=10.13.0"
       }
     },
-    "node_modules/glob-to-regexp": {
-      "version": "0.4.1",
-      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
-      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
-    },
     "node_modules/globals": {
       "version": "13.20.0",
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.20.0.tgz",
@@ -4229,7 +4152,8 @@
     "node_modules/graceful-fs": {
       "version": "4.2.11",
       "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
-      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "dev": true
     },
     "node_modules/graphemer": {
       "version": "1.4.0",
@@ -5342,37 +5266,38 @@
       }
     },
     "node_modules/next": {
-      "version": "13.5.4",
-      "resolved": "https://registry.npmjs.org/next/-/next-13.5.4.tgz",
-      "integrity": "sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==",
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/next/-/next-13.4.4.tgz",
+      "integrity": "sha512-C5S0ysM0Ily9McL4Jb48nOQHT1BukOWI59uC3X/xCMlYIh9rJZCv7nzG92J6e1cOBqQbKovlpgvHWFmz4eKKEA==",
       "dependencies": {
-        "@next/env": "13.5.4",
-        "@swc/helpers": "0.5.2",
+        "@next/env": "13.4.4",
+        "@swc/helpers": "0.5.1",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001406",
-        "postcss": "8.4.31",
+        "postcss": "8.4.14",
         "styled-jsx": "5.1.1",
-        "watchpack": "2.4.0"
+        "zod": "3.21.4"
       },
       "bin": {
         "next": "dist/bin/next"
       },
       "engines": {
-        "node": ">=16.14.0"
+        "node": ">=16.8.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "13.5.4",
-        "@next/swc-darwin-x64": "13.5.4",
-        "@next/swc-linux-arm64-gnu": "13.5.4",
-        "@next/swc-linux-arm64-musl": "13.5.4",
-        "@next/swc-linux-x64-gnu": "13.5.4",
-        "@next/swc-linux-x64-musl": "13.5.4",
-        "@next/swc-win32-arm64-msvc": "13.5.4",
-        "@next/swc-win32-ia32-msvc": "13.5.4",
-        "@next/swc-win32-x64-msvc": "13.5.4"
+        "@next/swc-darwin-arm64": "13.4.4",
+        "@next/swc-darwin-x64": "13.4.4",
+        "@next/swc-linux-arm64-gnu": "13.4.4",
+        "@next/swc-linux-arm64-musl": "13.4.4",
+        "@next/swc-linux-x64-gnu": "13.4.4",
+        "@next/swc-linux-x64-musl": "13.4.4",
+        "@next/swc-win32-arm64-msvc": "13.4.4",
+        "@next/swc-win32-ia32-msvc": "13.4.4",
+        "@next/swc-win32-x64-msvc": "13.4.4"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
+        "fibers": ">= 3.1.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "sass": "^1.3.0"
@@ -5381,6 +5306,9 @@
         "@opentelemetry/api": {
           "optional": true
         },
+        "fibers": {
+          "optional": true
+        },
         "sass": {
           "optional": true
         }
@@ -5421,6 +5349,29 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.14",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
+      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/node-abi": {
       "version": "3.45.0",
       "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.45.0.tgz",
@@ -5840,7 +5791,6 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-
     "node_modules/parse5": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
@@ -5959,9 +5909,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.31",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
-      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "version": "8.4.24",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz",
+      "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
       "funding": [
         {
           "type": "opencollective",
@@ -7741,16 +7691,6 @@
         "loose-envify": "^1.0.0"
       }
     },
-    "node_modules/watchpack": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz",
-      "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==",
-      "dependencies": {
-        "glob-to-regexp": "^0.4.1",
-        "graceful-fs": "^4.1.2"
-      },
-      "engines": {
-        "node": ">=10.13.0"
     "node_modules/web-resource-inliner": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/web-resource-inliner/-/web-resource-inliner-6.0.1.tgz",
@@ -7866,7 +7806,6 @@
       },
       "engines": {
         "node": ">=4.0.0"
-
       }
     },
     "node_modules/webidl-conversions": {
@@ -7970,6 +7909,134 @@
       "funding": {
         "url": "https://github.com/sponsors/sindresorhus"
       }
+    },
+    "node_modules/zod": {
+      "version": "3.21.4",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz",
+      "integrity": "sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.4.tgz",
+      "integrity": "sha512-ZY9Ti1hkIwJsxGus3nlubIkvYyB0gNOYxKrfsOrLEqD0I2iCX8D7w8v6QQZ2H+dDl6UT29oeEUdDUNGk4UEpfg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.4.tgz",
+      "integrity": "sha512-+KZnDeMShYkpkqAvGCEDeqYTRADJXc6SY1jWXz+Uo6qWQO/Jd9CoyhTJwRSxvQA16MoYzvILkGaDqirkRNctyA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.4.tgz",
+      "integrity": "sha512-evC1twrny2XDT4uOftoubZvW3EG0zs0ZxMwEtu/dDGVRO5n5pT48S8qqEIBGBUZYu/Xx4zzpOkIxx1vpWdE+9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.4.tgz",
+      "integrity": "sha512-PX706XcCHr2FfkyhP2lpf+pX/tUvq6/ke7JYnnr0ykNdEMo+sb7cC/o91gnURh4sPYSiZJhsF2gbIqg9rciOHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.4.tgz",
+      "integrity": "sha512-TKUUx3Ftd95JlHV6XagEnqpT204Y+IsEa3awaYIjayn0MOGjgKZMZibqarK3B1FsMSPaieJf2FEAcu9z0yT5aA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.4.tgz",
+      "integrity": "sha512-FP8AadgSq4+HPtim7WBkCMGbhr5vh9FePXiWx9+YOdjwdQocwoCK5ZVC3OW8oh3TWth6iJ0AXJ/yQ1q1cwSZ3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.4.tgz",
+      "integrity": "sha512-3WekVmtuA2MCdcAOrgrI+PuFiFURtSyyrN1I3UPtS0ckR2HtLqyqmS334Eulf15g1/bdwMteePdK363X/Y9JMg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.4.tgz",
+      "integrity": "sha512-AHRITu/CrlQ+qzoqQtEMfaTu7GHaQ6bziQln/pVWpOYC1wU+Mq6VQQFlsDtMCnDztPZtppAXdvvbNS7pcfRzlw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index d0e3780..d874937 100644
--- a/package.json
+++ b/package.json
@@ -34,6 +34,7 @@
     "codeforces-api-ts": "^2.0.1",
     "cookies-next": "^2.1.2",
     "dotenv": "^16.3.1",
+    "ejs": "^3.1.9",
     "express": "^4.18.2",
     "flowbite": "^1.6.6",
     "flowbite-react": "^0.4.9",
diff --git a/pages/api/email/emailTemplate.ejs b/pages/api/email/emailTemplate.ejs
new file mode 100644
index 0000000..1955819
--- /dev/null
+++ b/pages/api/email/emailTemplate.ejs
@@ -0,0 +1,32 @@
+<html>
+
+<body>
+  <h1>Your bill has arrived!</h1>
+  <p>Hello <%= name %>,</p>
+  <p>Here is the details of your order:</p>
+  <table>
+    <thead>
+      <tr>
+        <th>Email</th>
+        <th>userHandle</th>
+        <th>otp</th>
+      </tr>
+    </thead>
+    <tbody>
+      <tr>
+        <td>
+          <%= email %>
+        </td>
+        <td>
+          <%= userHandle %>
+        </td>
+        <td>
+          <%= otp %>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+  <p>Looking forward to do more business</p>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
index b6d7510..4d084f7 100644
--- a/pages/api/email/sendEmail.js
+++ b/pages/api/email/sendEmail.js
@@ -1,64 +1,48 @@
 const nodemailer = require('nodemailer')
-const Mailgen = require('mailgen')
+const ejs = require('ejs')
+const fs = require('fs')
+const path = require('path')
 
-const handler = (req, res) => {
+const handler = async (req, res) => {
   const { name, email, userHandle } = req.body
-  console.log(req.body)
 
-  let config = {
-    service: 'gmail',
-    auth: {
-      user: '210020040@iitdh.ac.in',
-      pass: process.env.EMAIL_PASSWORD,
-    },
-  }
-
-  let transporter = nodemailer.createTransport(config)
-
-  let MailGenerator = new Mailgen({
-    theme: 'default',
-    product: {
-      name: 'Mailgen',
-      link: 'https://mailgen.js/',
-    },
-  })
+  try {
+    const __dirname = path.dirname(new URL(import.meta.url).pathname)
+    const templatePath = path.join(__dirname, 'emailTemplate.ejs')
+    const ejsTemplate = fs.readFileSync(templatePath, 'utf-8')
 
-  let response = {
-    body: {
+    const templateData = {
       name: name,
-      intro: 'Your bill has arrived!',
-      table: {
-        data: [
-          {
-            item: 'Nodemailer Stack Book',
-            description: 'A Backend application',
-            price: '$10.99',
-          },
-        ],
+      email: email,
+      userHandle: userHandle,
+      otp: '1234',
+    }
+
+    const htmlTemplate = ejs.render(ejsTemplate, templateData)
+
+    let transporter = nodemailer.createTransport({
+      service: 'gmail',
+      auth: {
+        user: '210020040@iitdh.ac.in', // Replace  Gmail address
+        pass: process.env.EMAIL_PASSWORD, // Replace  Gmail password in .env
       },
-      outro: 'Looking forward to do more business',
-    },
-  }
+    })
 
-  let mail = MailGenerator.generate(response)
+    let message = {
+      from: '210020040@iitdh.ac.in', // change this email address
+      to: 'pjayasurya2711@gmail.com', // this also
+      subject: 'Place Order',
+      html: htmlTemplate,
+    }
 
-  let message = {
-    from: '210020040@iitdh.ac.in',
-    to: 'pjayasurya2711@gmail.com',
-    subject: 'Place Order',
-    html: mail,
-  }
+    await transporter.sendMail(message)
 
-  transporter
-    .sendMail(message)
-    .then(() => {
-      return res.status(201).json({
-        msg: 'you should receive an email',
-      })
-    })
-    .catch(error => {
-      return res.status(500).json({ error })
+    return res.status(201).json({
+      msg: 'You should receive an email',
     })
+  } catch (error) {
+    console.error(error)
+    return res.status(500).json({ error: 'Internal Server Error' })
+  }
 }
-
 export default handler
diff --git a/yarn.lock b/yarn.lock
index 9ed1157..d2160f4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -20,22 +20,6 @@
     "@babel/highlight" "^7.22.13"
     chalk "^2.4.2"
 
-
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
-
-"@babel/highlight@^7.22.13":
-  version "7.22.20"
-  resolved "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz"
-  integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.22.20"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.20.13", "@babel/runtime@^7.20.7":
 "@babel/helper-module-imports@^7.16.7":
   version "7.22.5"
   resolved "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.22.5.tgz"
@@ -265,7 +249,7 @@
   resolved "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.4.2.tgz"
   integrity sha512-1DgP7f+XQIJbLFCTX1V2QnxVmpLdKdzzo2k8EmvDOePfchaIGQ9eCHj2up3/jNEbZuBqel5OxiaOJf37TWauRA==
 
-"@fortawesome/fontawesome-svg-core@^6.4.2", "@fortawesome/fontawesome-svg-core@~1 || ~6":
+"@fortawesome/fontawesome-svg-core@^6.4.2":
   version "6.4.2"
   resolved "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.4.2.tgz"
   integrity sha512-gjYDSKv3TrM2sLTOKBc5rH9ckje8Wrwgx1CxAPbN5N3Fm4prfi7NsJVWd1jklp7i5uSCVwhZS5qlhMXqLrpAIg==
@@ -328,7 +312,7 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
-"@jridgewell/resolve-uri@3.1.0", "@jridgewell/resolve-uri@^3.0.3":
+"@jridgewell/resolve-uri@^3.0.3", "@jridgewell/resolve-uri@3.1.0":
   version "3.1.0"
   resolved "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz"
   integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
@@ -338,15 +322,23 @@
   resolved "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz"
   integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
 
+"@jridgewell/sourcemap-codec@^1.4.10":
+  version "1.4.15"
+  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
+  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+
 "@jridgewell/sourcemap-codec@1.4.14":
   version "1.4.14"
   resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
-"@jridgewell/sourcemap-codec@^1.4.10":
-  version "1.4.15"
-  resolved "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz"
-  integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==
+"@jridgewell/trace-mapping@^0.3.9":
+  version "0.3.18"
+  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
+  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
+  dependencies:
+    "@jridgewell/resolve-uri" "3.1.0"
+    "@jridgewell/sourcemap-codec" "1.4.14"
 
 "@jridgewell/trace-mapping@0.3.9":
   version "0.3.9"
@@ -356,14 +348,6 @@
     "@jridgewell/resolve-uri" "^3.0.3"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-
-"@jridgewell/trace-mapping@^0.3.9":
-  version "0.3.18"
-  resolved "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.18.tgz"
-  integrity sha512-w+niJYzMHdd7USdiH2U6869nqhD2nbfZXND5Yp93qIbEmnDNk7PD48o+YchRVpzMU7M6jVCbenTR7PA1FLQ9pA==
-  dependencies:
-    "@jridgewell/resolve-uri" "3.1.0"
-    "@jridgewell/sourcemap-codec" "1.4.14"
 "@mui/base@5.0.0-beta.13":
   version "5.0.0-beta.13"
   resolved "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.13.tgz"
@@ -458,10 +442,10 @@
     prop-types "^15.8.1"
     react-is "^18.2.0"
 
-"@next/env@13.5.4":
-  version "13.5.4"
-  resolved "https://registry.npmjs.org/@next/env/-/env-13.5.4.tgz"
-  integrity sha512-LGegJkMvRNw90WWphGJ3RMHMVplYcOfRWf2Be3td3sUa+1AaxmsYyANsA+znrGCBjXJNi4XAQlSoEfUxs/4kIQ==
+"@next/env@13.4.4":
+  version "13.4.4"
+  resolved "https://registry.npmjs.org/@next/env/-/env-13.4.4.tgz"
+  integrity sha512-q/y7VZj/9YpgzDe64Zi6rY1xPizx80JjlU2BTevlajtaE3w1LqweH1gGgxou2N7hdFosXHjGrI4OUvtFXXhGLg==
 
 "@next/eslint-plugin-next@13.4.6":
   version "13.4.6"
@@ -470,50 +454,10 @@
   dependencies:
     glob "7.1.7"
 
-"@next/swc-win32-x64-msvc@13.5.4":
-  version "13.5.4"
-  resolved "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.5.4.tgz"
-  integrity sha512-cyRvlAxwlddlqeB9xtPSfNSCRy8BOa4wtMo0IuI9P7Y0XT2qpDrpFKRyZ7kUngZis59mPVla5k8X1oOJ8RxDYg==
-
-"@next/swc-darwin-x64@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.4.tgz#5fe01c65c80fcb833c8789fd70f074ea99893864"
-  integrity sha512-ZY9Ti1hkIwJsxGus3nlubIkvYyB0gNOYxKrfsOrLEqD0I2iCX8D7w8v6QQZ2H+dDl6UT29oeEUdDUNGk4UEpfg==
-
-"@next/swc-linux-arm64-gnu@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.4.tgz#f2e071f38e8a6cdadf507cc5d28956f73360d064"
-  integrity sha512-+KZnDeMShYkpkqAvGCEDeqYTRADJXc6SY1jWXz+Uo6qWQO/Jd9CoyhTJwRSxvQA16MoYzvILkGaDqirkRNctyA==
-
-"@next/swc-linux-arm64-musl@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.4.tgz#23bf75c544e54562bc24ec1be036e4bd9cf89e2c"
-  integrity sha512-evC1twrny2XDT4uOftoubZvW3EG0zs0ZxMwEtu/dDGVRO5n5pT48S8qqEIBGBUZYu/Xx4zzpOkIxx1vpWdE+9A==
-
-"@next/swc-linux-x64-gnu@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.4.tgz#bd42590950a01957952206f89cf5622e7c9e4196"
-  integrity sha512-PX706XcCHr2FfkyhP2lpf+pX/tUvq6/ke7JYnnr0ykNdEMo+sb7cC/o91gnURh4sPYSiZJhsF2gbIqg9rciOHQ==
-
-"@next/swc-linux-x64-musl@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.4.tgz#907d81feb1abec3daec0ecb61e3f39b56e7aeafe"
-  integrity sha512-TKUUx3Ftd95JlHV6XagEnqpT204Y+IsEa3awaYIjayn0MOGjgKZMZibqarK3B1FsMSPaieJf2FEAcu9z0yT5aA==
-
-"@next/swc-win32-arm64-msvc@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.4.tgz#1d754d2bb10bdf9907c0acc83711438697c3b5fe"
-  integrity sha512-FP8AadgSq4+HPtim7WBkCMGbhr5vh9FePXiWx9+YOdjwdQocwoCK5ZVC3OW8oh3TWth6iJ0AXJ/yQ1q1cwSZ3A==
-
-"@next/swc-win32-ia32-msvc@13.4.4":
-  version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.4.tgz#77b2c7f7534b675d46e46301869e08d504d23956"
-  integrity sha512-3WekVmtuA2MCdcAOrgrI+PuFiFURtSyyrN1I3UPtS0ckR2HtLqyqmS334Eulf15g1/bdwMteePdK363X/Y9JMg==
-
-"@next/swc-win32-x64-msvc@13.4.4":
+"@next/swc-darwin-arm64@13.4.4":
   version "13.4.4"
-  resolved "https://registry.yarnpkg.com/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.4.tgz#faab69239f8a9d0be7cd473e65f5a07735ef7b0e"
-  integrity sha512-AHRITu/CrlQ+qzoqQtEMfaTu7GHaQ6bziQln/pVWpOYC1wU+Mq6VQQFlsDtMCnDztPZtppAXdvvbNS7pcfRzlw==
+  resolved "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-13.4.4.tgz"
+  integrity sha512-xfjgXvp4KalNUKZMHmsFxr1Ug+aGmmO6NWP0uoh4G3WFqP/mJ1xxfww0gMOeMeSq/Jyr5k7DvoZ2Pv+XOITTtw==
 
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
@@ -523,7 +467,7 @@
     "@nodelib/fs.stat" "2.0.5"
     run-parallel "^1.1.9"
 
-"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+"@nodelib/fs.stat@^2.0.2", "@nodelib/fs.stat@2.0.5":
   version "2.0.5"
   resolved "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz"
   integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
@@ -595,7 +539,6 @@
   resolved "https://registry.npmjs.org/@rushstack/eslint-patch/-/eslint-patch-1.3.2.tgz"
   integrity sha512-V+MvGwaHH03hYhY+k6Ef/xKd6RYlc4q8WBx+2ANmipHJcKuktNcI/NgEsJgdSUF6Lw32njT6OnrRsKYCdgHjYw==
 
-
 "@selderee/plugin-htmlparser2@^0.10.0":
   version "0.10.0"
   resolved "https://registry.npmjs.org/@selderee/plugin-htmlparser2/-/plugin-htmlparser2-0.10.0.tgz"
@@ -641,20 +584,15 @@
   resolved "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz"
   integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
 
-"@types/node@*", "@types/node@^20.3.1":
-  version "20.4.8"
-  resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
-  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
-
 "@types/node@^16.10.2":
   version "16.18.39"
   resolved "https://registry.npmjs.org/@types/node/-/node-16.18.39.tgz"
   integrity sha512-8q9ZexmdYYyc5/cfujaXb4YOucpQxAV4RMG0himLyDUOEr8Mr79VrqsFI+cQ2M2h89YIuy95lbxuYjxT4Hk4kQ==
 
-"@types/parse-json@^4.0.0":
-  version "4.0.0"
-  resolved "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz"
-  integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
+"@types/node@^20.3.1":
+  version "20.4.8"
+  resolved "https://registry.npmjs.org/@types/node/-/node-20.4.8.tgz"
+  integrity sha512-0mHckf6D2DiIAzh8fM8f3HQCvMKDpK94YQ0DSVkfWTG9BZleYIWudw9cJxX8oCk9bM+vAkDyujDV6dmKHbvQpg==
 
 "@types/parse-json@^4.0.0":
   version "4.0.0"
@@ -780,7 +718,7 @@ acorn-walk@^8.1.1:
   resolved "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz"
   integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==
 
-"acorn@^6.0.0 || ^7.0.0 || ^8.0.0", acorn@^8.4.1, acorn@^8.9.0:
+acorn@^8.4.1, acorn@^8.9.0:
   version "8.10.0"
   resolved "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz"
   integrity sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==
@@ -1092,7 +1030,7 @@ braces@^3.0.2, braces@~3.0.2:
   dependencies:
     fill-range "^7.0.1"
 
-browserslist@^4.21.5, "browserslist@>= 4.21.0":
+browserslist@^4.21.5:
   version "4.21.7"
   resolved "https://registry.npmjs.org/browserslist/-/browserslist-4.21.7.tgz"
   integrity sha512-BauCXrQ7I2ftSqd2mvKHGo85XR0u7Ru3C/Hxsy/0TkfCtjrmAbPdzLGasmoiBxplpDXlPvdjX9u7srIMfgasNA==
@@ -1162,7 +1100,6 @@ chalk@^2.4.2:
     supports-color "^5.3.0"
 
 chalk@^4.0.0, chalk@^4.0.2:
-
   version "4.1.2"
   resolved "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz"
   integrity sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==
@@ -1677,7 +1614,7 @@ ee-first@1.1.1:
   resolved "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz"
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
-ejs@^3.1.6:
+ejs@^3.1.6, ejs@^3.1.9:
   version "3.1.9"
   resolved "https://registry.npmjs.org/ejs/-/ejs-3.1.9.tgz"
   integrity sha512-rC+QVNMJWv+MtPgkt0y+0rVEIdbtxVADApW9JXrUVlzHetgcyczP/E7DJmWJ4fJCZF2cPcBk0laWO9ZHMG3DmQ==
@@ -1871,7 +1808,7 @@ eslint-module-utils@^2.7.4, eslint-module-utils@^2.8.0:
   dependencies:
     debug "^3.2.7"
 
-eslint-plugin-import@*, eslint-plugin-import@^2.26.0:
+eslint-plugin-import@^2.26.0:
   version "2.28.0"
   resolved "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.28.0.tgz"
   integrity sha512-B8s/n+ZluN7sxj9eUf7/pRFERX0r5bnFA2dCaLHy2ZeaQEAz0k+ZZkFWRFHJAqxfxQDx6KLv9LeIki7cFdwW+Q==
@@ -1956,7 +1893,7 @@ eslint-visitor-keys@^3.3.0, eslint-visitor-keys@^3.4.1:
   resolved "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.2.tgz"
   integrity sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==
 
-eslint@*, "eslint@^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8", "eslint@^3 || ^4 || ^5 || ^6 || ^7 || ^8", "eslint@^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0", "eslint@^6.0.0 || ^7.0.0 || ^8.0.0", "eslint@^6.0.0 || ^7.0.0 || >=8.0.0", "eslint@^7.23.0 || ^8.0.0", eslint@8.43.0:
+eslint@8.43.0:
   version "8.43.0"
   resolved "https://registry.npmjs.org/eslint/-/eslint-8.43.0.tgz"
   integrity sha512-aaCpf2JqqKesMFGgmRPessmVKjcGXqdlAYLLC3THM8t5nBRZRQ+st5WM/hoJXkdioEXLLbXgclUpM0TXo5HX5Q==
@@ -2351,7 +2288,7 @@ github-from-package@0.0.0:
   resolved "https://registry.npmjs.org/github-from-package/-/github-from-package-0.0.0.tgz"
   integrity sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw==
 
-glob-parent@^5.1.2, glob-parent@~5.1.2:
+glob-parent@^5.1.2:
   version "5.1.2"
   resolved "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz"
   integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
@@ -2372,13 +2309,7 @@ glob-parent@~5.1.2:
   dependencies:
     is-glob "^4.0.1"
 
-glob-to-regexp@^0.4.1:
-  version "0.4.1"
-  resolved "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz"
-  integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==
-
 glob@^7.1.3, glob@7.1.6:
-
   version "7.1.6"
   resolved "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz"
   integrity sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==
@@ -2457,7 +2388,7 @@ gopd@^1.0.1:
   dependencies:
     get-intrinsic "^1.1.3"
 
-graceful-fs@^4.1.2, graceful-fs@^4.2.4:
+graceful-fs@^4.2.4:
   version "4.2.11"
   resolved "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz"
   integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@@ -2635,7 +2566,6 @@ inflight@^1.0.4:
     once "^1.3.0"
     wrappy "1"
 
-
 inherits@^2.0.3, inherits@^2.0.4, inherits@2, inherits@2.0.4:
   version "2.0.4"
   resolved "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz"
@@ -2876,7 +2806,6 @@ jose@^4.11.4, jose@^4.14.4:
   resolved "https://registry.npmjs.org/jose/-/jose-4.14.4.tgz"
   integrity sha512-j8GhLiKmUAh+dsFXlX1aJCbt5KMibuKb+d7j1JaOJG6s2UjX1PQlW+OKB/sD4a/5ZYF4RcmYmLSndOoU3Lt/3g==
 
-
 js-beautify@^1.6.12:
   version "1.14.9"
   resolved "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.9.tgz"
@@ -3147,7 +3076,7 @@ mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3:
   resolved "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz"
   integrity sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==
 
-ms@2.1.2, ms@^2.1.1:
+ms@^2.1.1, ms@2.1.2:
   version "2.1.2"
   resolved "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz"
   integrity sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==
@@ -3171,7 +3100,7 @@ mz@^2.7.0:
     object-assign "^4.0.1"
     thenify-all "^1.0.0"
 
-nanoid@^3.3.6:
+nanoid@^3.3.4, nanoid@^3.3.6:
   version "3.3.6"
   resolved "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz"
   integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
@@ -3186,7 +3115,6 @@ natural-compare@^1.4.0:
   resolved "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
-
 negotiator@0.6.3:
   version "0.6.3"
   resolved "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz"
@@ -3207,28 +3135,28 @@ next-auth@^4.22.4:
     preact-render-to-string "^5.1.19"
     uuid "^8.3.2"
 
-"next@^12.2.5 || ^13", next@^13.5.4:
-  version "13.5.4"
-  resolved "https://registry.npmjs.org/next/-/next-13.5.4.tgz"
-  integrity sha512-+93un5S779gho8y9ASQhb/bTkQF17FNQOtXLKAj3lsNgltEcF0C5PMLLncDmH+8X1EnJH1kbqAERa29nRXqhjA==
+next@13.4.4:
+  version "13.4.4"
+  resolved "https://registry.npmjs.org/next/-/next-13.4.4.tgz"
+  integrity sha512-C5S0ysM0Ily9McL4Jb48nOQHT1BukOWI59uC3X/xCMlYIh9rJZCv7nzG92J6e1cOBqQbKovlpgvHWFmz4eKKEA==
   dependencies:
-    "@next/env" "13.5.4"
-    "@swc/helpers" "0.5.2"
+    "@next/env" "13.4.4"
+    "@swc/helpers" "0.5.1"
     busboy "1.6.0"
     caniuse-lite "^1.0.30001406"
-    postcss "8.4.31"
+    postcss "8.4.14"
     styled-jsx "5.1.1"
-    watchpack "2.4.0"
+    zod "3.21.4"
   optionalDependencies:
-    "@next/swc-darwin-arm64" "13.5.4"
-    "@next/swc-darwin-x64" "13.5.4"
-    "@next/swc-linux-arm64-gnu" "13.5.4"
-    "@next/swc-linux-arm64-musl" "13.5.4"
-    "@next/swc-linux-x64-gnu" "13.5.4"
-    "@next/swc-linux-x64-musl" "13.5.4"
-    "@next/swc-win32-arm64-msvc" "13.5.4"
-    "@next/swc-win32-ia32-msvc" "13.5.4"
-    "@next/swc-win32-x64-msvc" "13.5.4"
+    "@next/swc-darwin-arm64" "13.4.4"
+    "@next/swc-darwin-x64" "13.4.4"
+    "@next/swc-linux-arm64-gnu" "13.4.4"
+    "@next/swc-linux-arm64-musl" "13.4.4"
+    "@next/swc-linux-x64-gnu" "13.4.4"
+    "@next/swc-linux-x64-musl" "13.4.4"
+    "@next/swc-win32-arm64-msvc" "13.4.4"
+    "@next/swc-win32-ia32-msvc" "13.4.4"
+    "@next/swc-win32-x64-msvc" "13.4.4"
 
 node-abi@^3.3.0:
   version "3.45.0"
@@ -3513,7 +3441,6 @@ parseurl@~1.3.3:
   resolved "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz"
   integrity sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==
 
-
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz"
@@ -3618,6 +3545,15 @@ postcss-value-parser@^4.0.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
+postcss@^8.4.23, postcss@8.4.24:
+  version "8.4.24"
+  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz"
+  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
 postcss@8.4.14:
   version "8.4.14"
   resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz"
@@ -3627,16 +3563,6 @@ postcss@8.4.14:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
-postcss@8.4.24, postcss@^8.4.23:
-  version "8.4.24"
-  resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.24.tgz"
-  integrity sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==
-
-  dependencies:
-    nanoid "^3.3.6"
-    picocolors "^1.0.0"
-    source-map-js "^1.0.2"
-
 preact-render-to-string@^5.1.19:
   version "5.2.6"
   resolved "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz"
@@ -3644,7 +3570,7 @@ preact-render-to-string@^5.1.19:
   dependencies:
     pretty-format "^3.8.0"
 
-preact@^10.6.3, preact@>=10:
+preact@^10.6.3:
   version "10.16.0"
   resolved "https://registry.npmjs.org/preact/-/preact-10.16.0.tgz"
   integrity sha512-XTSj3dJ4roKIC93pald6rWuB2qQJO9gO2iLLyTe87MrjQN+HklueLsmskbywEWqCHlclgz3/M4YLL2iBr9UmMA==
@@ -3787,7 +3713,7 @@ rc@^1.2.7:
     minimist "^1.2.0"
     strip-json-comments "~2.0.1"
 
-"react-dom@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react-dom@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react-dom@^17.0.2 || ^18", react-dom@^18, react-dom@^18.2.0, react-dom@>=16.8.0, react-dom@18.2.0:
+react-dom@18.2.0:
   version "18.2.0"
   resolved "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz"
   integrity sha512-6IMTriUmvsjHUjNtEDudZfuDQUoWXVxKHhlEGSk81n4YFS+r/Kl99wXiwlVXtPBtJenozv2P+hxDsw9eA7Xo6g==
@@ -3845,13 +3771,6 @@ react-modal@^3.16.1:
     react-lifecycles-compat "^3.0.0"
     warning "^4.0.3"
 
-
-react@*, "react@^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18", "react@^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0", "react@^17.0.2 || ^18", react@^18, react@^18.2.0, "react@>= 16.8.0 || 17.x.x || ^18.0.0-0", react@>=16.3, react@>=16.8.0, react@18.2.0:
-  version "18.2.0"
-  resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
-  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
-  dependencies:
-    loose-envify "^1.1.0"
 react-transition-group@^4.4.5:
   version "4.4.5"
   resolved "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz"
@@ -3862,7 +3781,6 @@ react-transition-group@^4.4.5:
     loose-envify "^1.4.0"
     prop-types "^15.6.2"
 
-
 react@^16.0.0:
   version "16.14.0"
   resolved "https://registry.npmjs.org/react/-/react-16.14.0.tgz"
@@ -3872,6 +3790,13 @@ react@^16.0.0:
     object-assign "^4.1.1"
     prop-types "^15.6.2"
 
+react@18.2.0:
+  version "18.2.0"
+  resolved "https://registry.npmjs.org/react/-/react-18.2.0.tgz"
+  integrity sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==
+  dependencies:
+    loose-envify "^1.1.0"
+
 read-cache@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz"
@@ -3936,7 +3861,16 @@ resolve@^1.1.7, resolve@^1.19.0, resolve@^1.22.2:
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
-resolve@^1.22.3, resolve@^1.22.4:
+resolve@^1.22.3:
+  version "1.22.4"
+  resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz"
+  integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
+  dependencies:
+    is-core-module "^2.13.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
+resolve@^1.22.4:
   version "1.22.4"
   resolved "https://registry.npmjs.org/resolve/-/resolve-1.22.4.tgz"
   integrity sha512-PXNdCiPqDqeUou+w1C2eTQbNfxKSuMxqTCuvlmmMsk1NWHL5fRrhY6Pl0qEYYc6+QqGClco1Qj8XnjPego4wfg==
@@ -4016,7 +3950,6 @@ scheduler@^0.23.0:
   dependencies:
     loose-envify "^1.1.0"
 
-
 selderee@^0.10.0:
   version "0.10.0"
   resolved "https://registry.npmjs.org/selderee/-/selderee-0.10.0.tgz"
@@ -4179,6 +4112,13 @@ streamx@^2.15.0:
     fast-fifo "^1.1.0"
     queue-tick "^1.0.1"
 
+string_decoder@^1.1.1:
+  version "1.3.0"
+  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
+  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
+  dependencies:
+    safe-buffer "~5.2.0"
+
 string.prototype.matchall@^4.0.8:
   version "4.0.8"
   resolved "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz"
@@ -4220,13 +4160,6 @@ string.prototype.trimstart@^1.0.6:
     define-properties "^1.1.4"
     es-abstract "^1.20.4"
 
-string_decoder@^1.1.1:
-  version "1.3.0"
-  resolved "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz"
-  integrity sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==
-  dependencies:
-    safe-buffer "~5.2.0"
-
 strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz"
@@ -4321,7 +4254,7 @@ tailwind-merge@^1.13.2:
   resolved "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-1.14.0.tgz"
   integrity sha512-3mFKyCo/MBcgyOTlrY8T7odzZFx+w+qKSMAmdFzRvqBfLlSigU6TZnlFHK0lkMwj9Bj8OYU+9yW9lmGuS0QEnQ==
 
-tailwindcss@^3, tailwindcss@3.3.2:
+tailwindcss@3.3.2:
   version "3.3.2"
   resolved "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.2.tgz"
   integrity sha512-9jPkMiIBXvPc2KywkraqsUfbfj+dHDb+JPWtSJa9MLFdrPyazI7q6WX2sUrm7R9eVR7qqv3Pas7EvQFzxKnI6w==
@@ -4445,7 +4378,7 @@ ts-interface-checker@^0.1.9:
   resolved "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz"
   integrity sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==
 
-ts-node@^10.9.1, ts-node@>=9.0.0:
+ts-node@^10.9.1:
   version "10.9.1"
   resolved "https://registry.npmjs.org/ts-node/-/ts-node-10.9.1.tgz"
   integrity sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==
@@ -4567,7 +4500,7 @@ typed-array-length@^1.0.4:
     for-each "^0.3.3"
     is-typed-array "^1.1.9"
 
-typescript@>=2.7, "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta", typescript@>=3.3.1, typescript@5.0.4:
+typescript@5.0.4:
   version "5.0.4"
   resolved "https://registry.npmjs.org/typescript/-/typescript-5.0.4.tgz"
   integrity sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==
@@ -4649,13 +4582,6 @@ warning@^4.0.3:
   dependencies:
     loose-envify "^1.0.0"
 
-watchpack@2.4.0:
-  version "2.4.0"
-  resolved "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz"
-  integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==
-  dependencies:
-    glob-to-regexp "^0.4.1"
-    graceful-fs "^4.1.2"
 web-resource-inliner@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmjs.org/web-resource-inliner/-/web-resource-inliner-6.0.1.tgz"
@@ -4739,3 +4665,8 @@ yocto-queue@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz"
   integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==
+
+zod@3.21.4:
+  version "3.21.4"
+  resolved "https://registry.npmjs.org/zod/-/zod-3.21.4.tgz"
+  integrity sha512-m46AKbrzKVzOzs/DZgVnG5H55N1sv1M8qZU3A8RIKbs3mrACDNeIOeilDymVb2HdmP8uwshOCF4uJ8uM9rCqJw==

From 243d191420066199f2680bb597990bd5a4e8e652 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Mon, 9 Oct 2023 17:14:33 +0530
Subject: [PATCH 32/40] just saving

---
 components/Registration/RegBlock/RegBlock.tsx | 14 ++++-
 components/Registration/Registration.tsx      | 61 +++++++++++++++++++
 pages/api/email/sendEmail.js                  |  2 +-
 3 files changed, 74 insertions(+), 3 deletions(-)

diff --git a/components/Registration/RegBlock/RegBlock.tsx b/components/Registration/RegBlock/RegBlock.tsx
index e4fdf4f..cdb8d5a 100644
--- a/components/Registration/RegBlock/RegBlock.tsx
+++ b/components/Registration/RegBlock/RegBlock.tsx
@@ -8,15 +8,23 @@ import styles from './RegBlock.module.css'
 import { State } from '@/types/AuthContext/AuthContext.type'
 import { reg_inputs } from '@/types/Registration/RegBlock.types'
 import axios from 'axios'
+import Modal from 'react-modal'
 
 interface Props {
   title: string
   inputs: reg_inputs
   handleChangeInput: (e: React.ChangeEvent<HTMLInputElement>) => void
   type: number // 0 for Codeforces and 1 for Leetcode
+  handleOpen: () => void
 }
 
-const RegBlock = ({ title, inputs, handleChangeInput, type }: Props) => {
+const RegBlock = ({
+  title,
+  inputs,
+  handleChangeInput,
+  type,
+  handleOpen,
+}: Props) => {
   const [authState, setAuthState] = useState<State>({
     loading: false,
     data: null,
@@ -42,7 +50,10 @@ const RegBlock = ({ title, inputs, handleChangeInput, type }: Props) => {
   const handleSubmit = (
     event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
+    event.preventDefault()
+    handleOpen()
     console.log('Sending Email')
+    // Open the modal after sending the email
     const data = {
       name: inputs.fullName,
       email: `${inputs.rollNumber}@iitdh.ac.in`,
@@ -59,7 +70,6 @@ const RegBlock = ({ title, inputs, handleChangeInput, type }: Props) => {
         // Handle any errors that occurred during the request
         console.error('Error:', error)
       })
-    event.preventDefault()
 
     const url = type ? url_lt : url_cf
     registerIn(
diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index c9831d8..8e6b7c7 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -3,6 +3,7 @@
 import { NextPage } from 'next'
 import RegBlock from './RegBlock/RegBlock'
 import { useState, useContext } from 'react'
+import Modal from 'react-modal'
 import styles from './Registration.module.css'
 
 interface Props {}
@@ -36,8 +37,66 @@ const Registration: NextPage<Props> = ({}) => {
     userHandle: '',
   })
 
+  const handleOpen = () => {
+    setOpen(true)
+  }
+  const handleClose = () => {
+    setOpen(false)
+  }
+  const handleResendOTP = () => {
+    // Handle OTP resend logic here
+  }
+
+  const handleSubmitOTP = () => {
+    const response = axios.post('/api/verify', {
+      otp,
+    })
+    console.log(response)
+  }
+
+  const [open, setOpen] = useState(false)
+  const [otp, setOtp] = useState('')
+
   return (
     <>
+      <Modal
+        isOpen={open}
+        onRequestClose={handleClose}
+        shouldCloseOnOverlayClick={false}
+        className='custom-modal'
+        overlayClassName='custom-modal-overlay'
+        style={{
+          // change to separate css file
+          overlay: {
+            zIndex: '100',
+          },
+          content: {
+            // backgroundColor: 'green',R
+            margin: 'auto',
+            width: '70%',
+            height: '80%',
+            justifyContent: 'center',
+            alignItems: 'center',
+          },
+        }}
+      >
+        <div className='modal-content'>
+          <span className='close-icon' onClick={handleClose}>
+            &times;
+          </span>
+          <h2>Enter OTP</h2>
+          <input
+            type='text'
+            placeholder='Enter OTP'
+            value={otp}
+            onChange={e => setOtp(e.target.value)}
+            maxLength={4}
+          />
+          <button onClick={handleSubmitOTP}>Submit</button>
+          <button onClick={handleResendOTP}>Resend OTP</button>
+        </div>
+      </Modal>
+
       <div
         className={`${styles.RegWrapper} grid gap-flow-col grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
       >
@@ -46,6 +105,7 @@ const Registration: NextPage<Props> = ({}) => {
             title='Codeforces'
             inputs={inputs_cf}
             handleChangeInput={handleChangeInput_cf}
+            handleOpen={handleOpen}
             type={0}
           />
         </div>
@@ -54,6 +114,7 @@ const Registration: NextPage<Props> = ({}) => {
             title='LeetCode'
             inputs={inputs_lt}
             handleChangeInput={handleChangeInput_lt}
+            handleOpen={handleOpen}
             type={1}
           />
         </div>
diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
index 4d084f7..ede958d 100644
--- a/pages/api/email/sendEmail.js
+++ b/pages/api/email/sendEmail.js
@@ -35,7 +35,7 @@ const handler = async (req, res) => {
       html: htmlTemplate,
     }
 
-    await transporter.sendMail(message)
+    // await transporter.sendMail(message)
 
     return res.status(201).json({
       msg: 'You should receive an email',

From fac32398783b45790299ff8035f20ef1551a0b46 Mon Sep 17 00:00:00 2001
From: Divy Jain <divyjx@gmail.com>
Date: Mon, 9 Oct 2023 19:47:57 +0530
Subject: [PATCH 33/40] validation and styling

Events , Projects and Members admin pages issue #5
---
 app/members/page.module.css                   | 112 ++++++++++
 components/Block/Block.module.css             |  42 ++--
 components/Block/BlockAdmin.jsx               | 192 ++++++++++--------
 .../Block/BlockCard/BlockCard.module.css      |  42 ++--
 components/Block/BlockCard/BlockCardAdmin.jsx |  27 ++-
 pages/admin/members.jsx                       |   4 -
 pages/admin/members.tsx                       |  75 +++----
 7 files changed, 324 insertions(+), 170 deletions(-)
 delete mode 100644 pages/admin/members.jsx

diff --git a/app/members/page.module.css b/app/members/page.module.css
index 649a00e..bfba754 100644
--- a/app/members/page.module.css
+++ b/app/members/page.module.css
@@ -4,9 +4,121 @@
 }
 
 .membersWrapper {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   padding-top: 6rem;
   background-color: var(--primary-light-pastel-gray);
   background-image: url(/Events/micro_carbon.png);
   padding-bottom: 3rem;
   min-height: 100vh;
+  font-weight: normal;
+}
+
+/* Adding Styles of admin/members add popup below */
+.addButton {
+  color: white;
+  background-color: #212830;
+  border-radius: 4px;
+  margin: 3px;
+  padding: 4px;
+  margin: 2px auto;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: large;
+  width: 125px;
+  box-shadow: 2px 2px 0 0 black;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+}
+
+.addButton:hover {
+  color: white;
+  background: black;
+  box-shadow: 2px 2px 0 0 white;
+}
+
+.membersModal {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  margin: auto;
+  width: 70%;
+  height: fit-content;
+  justify-content: center;
+  align-items: center;
+  background: #e1e1e1;
+  background-color: rgb(46, 46, 46);
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  padding: 2% 4%;
+  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 0 10px rgba(0, 0, 0, 4);
+  text-align: center;
+  color: white;
+}
+
+.membersModal > h1 {
+  font-size: larger;
+  font-weight: 600;
+  text-align: center;
+  margin-top: 1%;
+  margin-bottom: 3%;
+}
+
+.membersModal * input,
+.membersModal * select {
+  width: 80%;
+  resize: vertical;
+  padding: 1%;
+  border-radius: 5px;
+  border: 0;
+  margin: 1%;
+  background-color: rgb(0, 0, 0);
+}
+
+.membersModal * button {
+  color: white;
+  background-color: black;
+  border-radius: 5px;
+  padding: 4px;
+  cursor: pointer;
+  transition: 0.3s;
+  font-size: large;
+  width: 10%;
+  min-width: fit-content;
+  margin: 4% 1%;
+  justify-content: center;
+}
+.membersModal * button:hover {
+  color: black;
+  background: white;
+  box-shadow: 3px 3px 0 0 black;
+}
+
+.membersModal * label {
+  text-align: right;
+  margin: 4%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-content: flex-end;
+  width: 80%;
+  align-items: center;
+  margin: auto;
+  justify-content: space-between;
+}
+
+.errorBox {
+  position: absolute;
+  top: 5%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 101;
+  font-size: larger;
 }
diff --git a/components/Block/Block.module.css b/components/Block/Block.module.css
index 538a232..cf03956 100644
--- a/components/Block/Block.module.css
+++ b/components/Block/Block.module.css
@@ -52,15 +52,15 @@
   box-shadow: 2px 2px 0 0 white;
 }
 
-/* styles for add menu */
+/* styles for add popup */
 .blockModal {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
   margin: auto;
-  width: 60%;
-  height: 70%;
+  width: 70%;
+  height: fit-content;
   justify-content: center;
   align-items: center;
   background: #e1e1e1;
@@ -70,7 +70,7 @@
   bottom: 0;
   right: 0;
   position: absolute;
-  padding: 30px;
+  padding: 2% 4%;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
@@ -81,20 +81,25 @@
   font-size: larger;
   font-weight: 600;
   text-align: center;
-  margin-top: 10px;
-  margin-bottom: 30px;
+  margin-top: 1%;
+  margin-bottom: 3%;
 }
 
 .blockModal > input,
-.blockModal > select {
-  width: 100%;
+.blockModal > select,
+.blockModal > textarea {
+  width: 80%;
   resize: vertical;
-  padding: 15px;
+  padding: 1%;
   border-radius: 5px;
   border: 0;
-  margin: 5px;
+  margin: 1%;
   background-color: rgb(0, 0, 0);
 }
+.blockModal > textarea {
+  resize: vertical;
+  min-height: 70px;
+}
 
 .blockModal > button {
   color: white;
@@ -104,8 +109,9 @@
   cursor: pointer;
   transition: 0.3s;
   font-size: large;
-  width: 125px;
-  margin: 30px 10px;
+  width: 10%;
+  min-width: fit-content;
+  margin: 2% 1%;
   justify-content: center;
 }
 .blockModal > button:hover {
@@ -114,9 +120,11 @@
   box-shadow: 3px 3px 0 0 black;
 }
 
-/* error box */
-.blockModal > h4 {
-  height: 20px;
-  color: #ed3636;
-  transition: all;
+.errorBox {
+  position: absolute;
+  top: 4%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 101;
+  font-size: larger;
 }
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index e7326bc..38e5a88 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -3,6 +3,7 @@ import styles from './Block.module.css'
 import BlockCardAdmin from './BlockCard/BlockCardAdmin'
 import Modal from 'react-modal'
 import axios from 'axios'
+import Alert from '@mui/material/Alert'
 
 const Block = ({ title, events, getEvents, type }) => {
   const typeText = type === 'events' ? 'Event' : 'Project'
@@ -11,7 +12,7 @@ const Block = ({ title, events, getEvents, type }) => {
   const [eventData, setEventData] = useState({
     title: '',
     description: '',
-    start_month: '',
+    start_month: 'January',
     url: '',
     image_url: '',
   })
@@ -26,9 +27,7 @@ const Block = ({ title, events, getEvents, type }) => {
 
   const handleAddEvent = async () => {
     if (eventData.title.trim() == '') {
-      setFromError('Enter a valid title')
-    } else if (eventData.start_month == '') {
-      setFromError('Pick a starting Month')
+      setFromError('Title should not be empty')
     } else
       try {
         await axios.post(`/api/admin/${type}`, eventData)
@@ -42,7 +41,8 @@ const Block = ({ title, events, getEvents, type }) => {
           image_url: '',
         })
       } catch (error) {
-        console.error('Error adding event:', error)
+        console.error('Error adding' + typeText, error)
+        setFromError('Error adding ' + typeText)
       }
   }
   const handleOpen = () => {
@@ -51,98 +51,114 @@ const Block = ({ title, events, getEvents, type }) => {
 
   const handleClose = () => {
     setOpen(false)
+    setFromError(null)
   }
 
   return (
-    <div id='blocksId' className={styles.blocksWrapper}>
-      <div className={`${styles.blocksMain} page-wrapper`}>
-        <div className={styles.blocksHeading}>
-          <div className={styles.text_block}>
-            <h2>{title}</h2>
-          </div>
-        </div>
-        <button className={styles.typeButton} onClick={handleOpen}>
-          Add {typeText}
-        </button>
-        <Modal
-          isOpen={open}
-          onRequestClose={handleClose}
-          shouldCloseOnOverlayClick={true}
-          style={{
-            // change to separate css file
-            overlay: {
-              zIndex: '100',
-            },
+    <>
+      {formError ? (
+        <Alert
+          className={styles.errorBox}
+          severity='error'
+          onClose={() => {
+            setFromError(null)
           }}
-          className={styles.blockModal}
         >
-          <h2>Add New {typeText}</h2>
-          <input
-            type='text'
-            name='title'
-            value={eventData.title}
-            onChange={handleInputChange}
-            placeholder={typeText + ' Title'}
-          />
-
-          <input
-            type='text'
-            name='description'
-            value={eventData.description}
-            onChange={handleInputChange}
-            placeholder={typeText + ' Description'}
-          />
-          <select
-            value={eventData.start_month}
-            onChange={handleInputChange}
-            name='start_month'
+          {JSON.stringify(formError, null, 2).replace(/"/g, '')}{' '}
+          {/* Remove double quotes */}
+        </Alert>
+      ) : null}
+      <div id='blocksId' className={styles.blocksWrapper}>
+        <div className={`${styles.blocksMain} page-wrapper`}>
+          <div className={styles.blocksHeading}>
+            <div className={styles.text_block}>
+              <h2>{title}</h2>
+            </div>
+          </div>
+          <button className={styles.typeButton} onClick={handleOpen}>
+            Add {typeText}
+          </button>
+          <Modal
+            isOpen={open}
+            onRequestClose={handleClose}
+            shouldCloseOnOverlayClick={true}
+            style={{
+              // change to separate css file
+              overlay: {
+                zIndex: '100',
+              },
+            }}
+            className={styles.blockModal}
           >
-            <option value=''>Select Month</option>
-            <option value='January'>January</option>
-            <option value='February'>February</option>
-            <option value='March'>March</option>
-            <option value='April'>April</option>
-            <option value='May'>May</option>
-            <option value='June'>June</option>
-            <option value='July'>July</option>
-            <option value='August'>August</option>
-            <option value='September'>September</option>
-            <option value='October'>October</option>
-            <option value='November'>November</option>
-            <option value='December'>December</option>
-          </select>
-          <input
-            type='text'
-            name='url'
-            value={eventData.url}
-            onChange={handleInputChange}
-            placeholder={typeText + ' URL'}
-          />
-          <input
-            type='text'
-            name='image_url'
-            value={eventData.image_url}
-            onChange={handleInputChange}
-            placeholder='Image URL'
-          />
-          <h4>{formError}</h4>
-          <button onClick={handleAddEvent}>Add {typeText}</button>
-          <button onClick={handleClose}>Cancel</button>
-        </Modal>
-        <div className={styles.blocksCardWrapper}>
-          {events.map((data, index) => (
-            <BlockCardAdmin
-              data={data}
-              getEvents={getEvents}
-              number={index + 1}
-              leftSideImage={index % 2 === 0}
-              type={type}
-              typeText={typeText}
+            <h2>Add New {typeText}</h2>
+            <input
+              type='text'
+              name='title'
+              value={eventData.title}
+              onChange={handleInputChange}
+              placeholder={typeText + ' Title'}
             />
-          ))}
+
+            <textarea
+              type='text'
+              name='description'
+              value={eventData.description}
+              onChange={handleInputChange}
+              placeholder={typeText + ' Description'}
+            />
+            <select
+              value={eventData.start_month}
+              onChange={handleInputChange}
+              name='start_month'
+            >
+              <option value='January' selected>
+                January
+              </option>
+              <option value='February'>February</option>
+              <option value='March'>March</option>
+              <option value='April'>April</option>
+              <option value='May'>May</option>
+              <option value='June'>June</option>
+              <option value='July'>July</option>
+              <option value='August'>August</option>
+              <option value='September'>September</option>
+              <option value='October'>October</option>
+              <option value='November'>November</option>
+              <option value='December'>December</option>
+            </select>
+            <input
+              type='text'
+              name='url'
+              value={eventData.url}
+              onChange={handleInputChange}
+              placeholder={typeText + ' URL'}
+            />
+            <input
+              type='text'
+              name='image_url'
+              value={eventData.image_url}
+              onChange={handleInputChange}
+              placeholder='Image URL'
+            />
+            <br />
+            <button onClick={handleAddEvent}>Add {typeText}</button>
+            <button onClick={handleClose}>Cancel</button>
+          </Modal>
+          <div className={styles.blocksCardWrapper}>
+            {events.map((data, index) => (
+              <BlockCardAdmin
+                data={data}
+                getEvents={getEvents}
+                number={index + 1}
+                leftSideImage={index % 2 === 0}
+                type={type}
+                typeText={typeText}
+              />
+            ))}
+          </div>
         </div>
       </div>
-    </div>
+    </>
   )
 }
 
diff --git a/components/Block/BlockCard/BlockCard.module.css b/components/Block/BlockCard/BlockCard.module.css
index 28432e0..afa49a0 100644
--- a/components/Block/BlockCard/BlockCard.module.css
+++ b/components/Block/BlockCard/BlockCard.module.css
@@ -145,14 +145,15 @@ for projects and events so we converted them to block */
     padding-right: 0;
   }
 }
+/* styles for edit popup */
 .blockCardModal {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 
   margin: auto;
-  width: 60%;
-  height: 70%;
+  width: 70%;
+  height: fit-content;
   justify-content: center;
   align-items: center;
   background: #e1e1e1;
@@ -162,7 +163,7 @@ for projects and events so we converted them to block */
   bottom: 0;
   right: 0;
   position: absolute;
-  padding: 30px;
+  padding: 2% 4%;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
@@ -173,32 +174,37 @@ for projects and events so we converted them to block */
   font-size: larger;
   font-weight: 600;
   text-align: center;
-  margin-top: 10px;
-  margin-bottom: 30px;
+  margin-top: 1%;
+  margin-bottom: 3%;
 }
 
 .blockCardModal > input,
-.blockCardModal > select {
-  width: 100%;
+.blockCardModal > select,
+.blockCardModal > textarea {
+  width: 80%;
   resize: vertical;
-  padding: 15px;
+  padding: 1%;
   border-radius: 5px;
   border: 0;
-  margin: 5px;
+  margin: 1%;
   background-color: rgb(0, 0, 0);
 }
+.blockCardModal > textarea {
+  resize: vertical;
+  min-height: 70px;
+}
 
 .blockCardModal > button {
   color: white;
   background-color: black;
   border-radius: 5px;
   padding: 4px;
-  margin: 2px auto;
   cursor: pointer;
   transition: 0.3s;
   font-size: large;
-  width: 125px;
-  margin: 30px 10px;
+  width: 10%;
+  min-width: fit-content;
+  margin: 2% 1%;
   justify-content: center;
 }
 .blockCardModal > button:hover {
@@ -229,9 +235,11 @@ for projects and events so we converted them to block */
   box-shadow: 2px 2px 0 0 black;
 }
 
-/* error box */
-.blockCardModal > h4 {
-  height: 20px;
-  color: #ed3636;
-  transition: all;
+.errorBox {
+  position: absolute;
+  top: -1%;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 101;
+  font-size: larger;
 }
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 2e00db7..dbd5a36 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -3,7 +3,7 @@ import Image from 'next/image'
 import styles from './BlockCard.module.css'
 import axios from 'axios'
 import Modal from 'react-modal'
-
+import Alert from '@mui/material/Alert'
 const BlockCardAdmin = ({
   leftSideImage,
   data,
@@ -37,13 +37,12 @@ const BlockCardAdmin = ({
 
   const handleClose = () => {
     setOpen(false)
+    setFromError(null)
   }
 
   const handleEdit = async () => {
     if (eventData.title.trim() == '') {
-      setFromError('Enter a valid title')
-    } else if (eventData.start_month == '') {
-      setFromError('Pick a starting Month')
+      setFromError('Title should not be empty')
     } else
       try {
         const eventId = data.id
@@ -51,7 +50,8 @@ const BlockCardAdmin = ({
         getEvents()
         handleClose()
       } catch (error) {
-        console.error('Error editing event:', error)
+        console.error('Error editing ' + typeText + ' :', error)
+        setFromError('Error editing  ' + typeText)
       }
   }
 
@@ -69,6 +69,18 @@ const BlockCardAdmin = ({
 
   return (
     <>
+      {formError ? (
+        <Alert
+          className={styles.errorBox}
+          severity='error'
+          onClose={() => {
+            setFromError(null)
+          }}
+        >
+          {JSON.stringify(formError, null, 2).replace(/"/g, '')}{' '}
+          {/* Remove double quotes */}
+        </Alert>
+      ) : null}
       <div className={styles.blockCardWrapper}>
         <div className={styles.blockCardMain}>
           <div className={styles.adminButtons}>
@@ -94,7 +106,7 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 placeholder={`Edit ${typeText}`}
               />
-              <input
+              <textarea
                 type='text'
                 name='description'
                 value={eventData.description}
@@ -106,7 +118,6 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 name='start_month'
               >
-                <option value=''>Select Month</option>
                 <option value='January'>January</option>
                 <option value='February'>February</option>
                 <option value='March'>March</option>
@@ -134,7 +145,7 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 placeholder='Image URL'
               />
-              <h4>{formError}</h4>
+              <br />
               <button onClick={handleEdit}>Edit {typeText}</button>
               <button onClick={handleClose}>Cancel</button>
             </Modal>
diff --git a/pages/admin/members.jsx b/pages/admin/members.jsx
deleted file mode 100644
index e6b0fd7..0000000
--- a/pages/admin/members.jsx
+++ /dev/null
@@ -1,4 +0,0 @@
-const Members = () => {
-  return <>hello members</>
-}
-export default Members
diff --git a/pages/admin/members.tsx b/pages/admin/members.tsx
index 8820fdb..6747ac9 100644
--- a/pages/admin/members.tsx
+++ b/pages/admin/members.tsx
@@ -62,23 +62,42 @@ const Page = () => {
       ...formData,
       [name]: value,
     })
+    setError(null)
   }
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
-
-    try {
-      const response = await axios.post('/api/admin/members', formData)
-      console.log(response.data)
-      fetchDataMembers()
-      fetchCpData()
-      fetchDataGameDev()
-      fetchDataFoss()
-    } catch (error: any) {
-      setError(error.response.data.error)
-      console.log('Error adding member:', error)
+    if (formData.name == '') {
+      setError('Name should not be empty')
+    } else if (formData.roll_number == '') {
+      // add regex of roll number here
+      setError('Roll Number should not be empty')
+    } else if (formData.wing === 'FOSS' && formData.github_id == '') {
+      setError('Github Id should not be empty')
+    } else if (
+      formData.wing === 'CP' &&
+      formData.codeForces_id == '' &&
+      formData.leetCode_id == ''
+    ) {
+      setError('Provide details for atleast 1 CP handle')
+    } else if (error == null) {
+      try {
+        const response = await axios.post('/api/admin/members', formData)
+        // BUG : adding FOSS members with same github id -->> members table is updated, but it should not be
+        //     : similarly for CP's codeforces and leetcode attributes
+        console.log(response.data)
+        fetchDataMembers()
+        fetchCpData()
+        fetchDataGameDev()
+        fetchDataFoss()
+        console.log('Member added successfully')
+      } catch (error: any) {
+        setError(error.response.data.error)
+        console.log('Error adding member:', error)
+      } finally {
+        handleClose()
+      }
     }
-    handleClose()
   }
 
   const fetchDataMembers = async () => {
@@ -208,13 +227,7 @@ const Page = () => {
     <>
       {error ? (
         <Alert
-          sx={{
-            position: 'absolute',
-            top: '2%',
-            left: '43%',
-            transform: 'translateY(0% ,-43%)',
-            zIndex: '100',
-          }}
+          className={styles.errorBox}
           severity='error'
           onClose={() => {
             setError(null)
@@ -235,16 +248,10 @@ const Page = () => {
             overlay: {
               zIndex: '100',
             },
-            content: {
-              backgroundColor: 'green',
-              margin: 'auto',
-              width: '70%',
-              height: '80%',
-              justifyContent: 'center',
-              alignItems: 'center',
-            },
           }}
+          className={styles.membersModal}
         >
+          <h1>Add Member</h1>
           <form onSubmit={handleSubmit}>
             <label>
               Name:
@@ -255,7 +262,7 @@ const Page = () => {
                 onChange={handleFormChange}
               />
             </label>
-            <br />
+
             <label>
               Roll Number:
               <input
@@ -265,7 +272,7 @@ const Page = () => {
                 onChange={handleFormChange}
               />
             </label>
-            <br />
+
             <label>
               Wing:
               <select
@@ -280,7 +287,7 @@ const Page = () => {
                 <option value='CYBERSECURITY'>Cyber Security</option>
               </select>
             </label>
-            <br />
+
             {formData.wing === 'FOSS' && (
               <div>
                 <label>
@@ -292,7 +299,6 @@ const Page = () => {
                     onChange={handleFormChange}
                   />
                 </label>
-                <br />
               </div>
             )}
             {formData.wing === 'GAME_DEV' && (
@@ -311,7 +317,6 @@ const Page = () => {
                     <option value='ENV_DES'>env des</option>
                   </select>
                 </label>
-                <br />
               </div>
             )}
             {formData.wing === 'CP' && (
@@ -325,7 +330,7 @@ const Page = () => {
                     onChange={handleFormChange}
                   />
                 </label>
-                <br />
+
                 <label>
                   Code Forces:
                   <input
@@ -335,11 +340,9 @@ const Page = () => {
                     onChange={handleFormChange}
                   />
                 </label>
-                <br />
               </div>
             )}
 
-            <br />
             <button type='submit'>Submit</button>
           </form>
         </Modal>
@@ -353,7 +356,7 @@ const Page = () => {
           <Tabs.Item active title='Members' icon={IoIosPeople}>
             {memArr ? (
               <>
-                <button style={{ backgroundColor: 'red' }} onClick={handleOpen}>
+                <button className={styles.addButton} onClick={handleOpen}>
                   Add Data
                 </button>
                 <InfoTable

From 5053166c64d9f9934adbdb5ebe8aaf70d3725fb1 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Mon, 9 Oct 2023 20:12:30 +0530
Subject: [PATCH 34/40] OTP done

---
 components/Registration/RegBlock/RegBlock.tsx | 27 ++++----
 components/Registration/Registration.tsx      | 61 ++++++++++++++++---
 pages/api/codeforces.ts                       |  7 +--
 pages/api/email/index.js                      | 39 ------------
 pages/api/email/sendEmail.js                  | 40 +++++++++++-
 pages/api/email/verifyOtp.js                  | 35 +++++++++++
 prisma/schema.prisma                          |  8 +++
 7 files changed, 145 insertions(+), 72 deletions(-)
 delete mode 100644 pages/api/email/index.js
 create mode 100644 pages/api/email/verifyOtp.js

diff --git a/components/Registration/RegBlock/RegBlock.tsx b/components/Registration/RegBlock/RegBlock.tsx
index cdb8d5a..898bc51 100644
--- a/components/Registration/RegBlock/RegBlock.tsx
+++ b/components/Registration/RegBlock/RegBlock.tsx
@@ -9,13 +9,14 @@ import { State } from '@/types/AuthContext/AuthContext.type'
 import { reg_inputs } from '@/types/Registration/RegBlock.types'
 import axios from 'axios'
 import Modal from 'react-modal'
+import data from '../../../app/achievements/data'
 
 interface Props {
   title: string
   inputs: reg_inputs
   handleChangeInput: (e: React.ChangeEvent<HTMLInputElement>) => void
   type: number // 0 for Codeforces and 1 for Leetcode
-  handleOpen: () => void
+  handleOpen: (data: any) => void
 }
 
 const RegBlock = ({
@@ -51,7 +52,15 @@ const RegBlock = ({
     event: React.MouseEvent<HTMLButtonElement, MouseEvent>,
   ) => {
     event.preventDefault()
-    handleOpen()
+    const url = type ? url_lt : url_cf
+
+    handleOpen({
+      fullName: inputs.fullName,
+      rollNumber: inputs.rollNumber,
+      userHandle: inputs.userHandle,
+      url: url,
+    })
+
     console.log('Sending Email')
     // Open the modal after sending the email
     const data = {
@@ -70,20 +79,6 @@ const RegBlock = ({
         // Handle any errors that occurred during the request
         console.error('Error:', error)
       })
-
-    const url = type ? url_lt : url_cf
-    registerIn(
-      {
-        fullName: inputs.fullName,
-        rollNumber: inputs.rollNumber,
-        userHandle: inputs.userHandle,
-        url: url,
-      },
-      setAuthState,
-    )
-    if (authState.error === null) {
-      router.push('/leaderboard')
-    }
   }
 
   return (
diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index 8e6b7c7..0ef3159 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -5,9 +5,21 @@ import RegBlock from './RegBlock/RegBlock'
 import { useState, useContext } from 'react'
 import Modal from 'react-modal'
 import styles from './Registration.module.css'
+import axios from 'axios'
+import data from '../../app/achievements/data'
+import useAuth from '@/hooks/useAuth'
+import { State } from '@/types/AuthContext/AuthContext.type'
+import { useRouter } from 'next/navigation'
 
 interface Props {}
 
+interface FormData {
+  fullName: string
+  rollNumber: string
+  userHandle: string
+  url: string
+}
+
 const Registration: NextPage<Props> = ({}) => {
   // We are handelling codeforces registration here
   const handleChangeInput_cf = (e: React.ChangeEvent<HTMLInputElement>) => {
@@ -23,6 +35,15 @@ const Registration: NextPage<Props> = ({}) => {
     userHandle: '',
   })
 
+  const [authState, setAuthState] = useState<State>({
+    loading: false,
+    data: null,
+    error: null,
+  })
+
+  const { registerIn } = useAuth()
+  const router = useRouter()
+
   // We are handelling leetcode registrations here
   const handleChangeInput_lt = (e: React.ChangeEvent<HTMLInputElement>) => {
     setInputs_lt({
@@ -36,8 +57,15 @@ const Registration: NextPage<Props> = ({}) => {
     rollNumber: '',
     userHandle: '',
   })
+  const [formdata, setFormdata] = useState<FormData>({
+    fullName: '',
+    rollNumber: '',
+    userHandle: '',
+    url: '',
+  })
 
-  const handleOpen = () => {
+  const handleOpen = (data: any) => {
+    setFormdata(data)
     setOpen(true)
   }
   const handleClose = () => {
@@ -48,10 +76,21 @@ const Registration: NextPage<Props> = ({}) => {
   }
 
   const handleSubmitOTP = () => {
-    const response = axios.post('/api/verify', {
-      otp,
-    })
-    console.log(response)
+    axios
+      .post('/api/email/verifyOtp', {
+        email: formdata.rollNumber + '@iitdh.ac.in',
+        userOtp: otp,
+      })
+      .then(res => {
+        console.log(res)
+        registerIn(formdata, setAuthState)
+        if (authState.error === null) {
+          router.push('/leaderboard')
+        }
+      })
+      .catch(err => {
+        console.log(err)
+      })
   }
 
   const [open, setOpen] = useState(false)
@@ -71,10 +110,16 @@ const Registration: NextPage<Props> = ({}) => {
             zIndex: '100',
           },
           content: {
-            // backgroundColor: 'green',R
+            top: '50%',
+            left: '50%',
+            right: 'auto',
+            bottom: 'auto',
+
+            position: 'absolute',
+            backgroundColor: 'green',
             margin: 'auto',
-            width: '70%',
-            height: '80%',
+            width: '40%',
+            height: '40%',
             justifyContent: 'center',
             alignItems: 'center',
           },
diff --git a/pages/api/codeforces.ts b/pages/api/codeforces.ts
index 86e0cf0..10bd5d7 100644
--- a/pages/api/codeforces.ts
+++ b/pages/api/codeforces.ts
@@ -15,13 +15,8 @@ const handler = async (req: NextApiRequest, res: NextApiResponse) => {
     }
 
     const errors: string[] = []
-    const regex =
-      /^(?:\d+|(?:cs|ee|me|ch|mc|ep|ce|is|ma|hs|bb|ph|cy|xm|xc)([2][0-3]|[2][0-3])(bt|mt|ms)\d{3})$/
+
     const validtionSchema = [
-      {
-        valid: regex.test(rollNumber),
-        errorMessage: 'Invalid Format for Roll Number',
-      },
       {
         valid: validator.isLength(rollNumber, {
           min: 9,
diff --git a/pages/api/email/index.js b/pages/api/email/index.js
deleted file mode 100644
index 1ff87c3..0000000
--- a/pages/api/email/index.js
+++ /dev/null
@@ -1,39 +0,0 @@
-// const express = require('express')
-// const app = express()
-// const port = 3005
-
-// const nodemailer = require('nodemailer')
-
-// const transporter = nodemailer.createTransport({
-//   host: 'smtp.forwardemail.net',
-//   port: 465,
-//   secure: true,
-//   auth: {
-//     user: '210020040@iitdh.ac.in',
-//     pass: process.env.EMAIL_PASSWORD,
-//   },
-// })
-
-// // Function to send an email
-// async function sendEmail(name, email, userHandle) {
-//   try {
-//     // Send mail with defined transport object
-//     const info = await transporter.sendMail({
-//       from: '210020040@iitdh.ac.in', // Sender's email address
-//       to: 'pjayasurya2711@gmail.com', // Recipient's email address
-//       subject: 'Hello from Nodemailer', // Subject of the email
-//       text: `Hello ${name}?`, // Plain text body
-//       html: '<b>Hello world?</b>', // HTML body
-//     })
-
-//     console.log('Message sent: %s', info.messageId)
-//   } catch (error) {
-//     console.error('Error sending email:', error)
-//   }
-// }
-
-// module.exports = sendEmail
-
-// app.listen(port, () => {
-//   console.log(`nodemailerProject is listening at http://localhost:${port}`)
-// })
diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
index ede958d..5879779 100644
--- a/pages/api/email/sendEmail.js
+++ b/pages/api/email/sendEmail.js
@@ -2,6 +2,8 @@ const nodemailer = require('nodemailer')
 const ejs = require('ejs')
 const fs = require('fs')
 const path = require('path')
+import { random } from 'gsap'
+import prisma from './../admin/prismaClient'
 
 const handler = async (req, res) => {
   const { name, email, userHandle } = req.body
@@ -10,12 +12,44 @@ const handler = async (req, res) => {
     const __dirname = path.dirname(new URL(import.meta.url).pathname)
     const templatePath = path.join(__dirname, 'emailTemplate.ejs')
     const ejsTemplate = fs.readFileSync(templatePath, 'utf-8')
+    const generateRandom4DigitNumber = () =>
+      Math.floor(Math.random() * 9000) + 1000
+
+    const otp = generateRandom4DigitNumber()
+
+    const existingOtp = await prisma.otp.findUnique({
+      where: {
+        email: email,
+      },
+    })
+
+    if (existingOtp) {
+      // If an OTP object with the same email exists, update its otp value.
+      await prisma.otp.update({
+        where: {
+          email: email,
+        },
+        data: {
+          otp: toString(otp),
+        },
+      })
+    } else {
+      // If no OTP object with the same email exists, create a new one.
+      const createdEvent = await prisma.otp.create({
+        data: {
+          email: email,
+          otp: toString(otp),
+        },
+      })
+    }
+
+    console.log('otp created', otp)
 
     const templateData = {
       name: name,
       email: email,
       userHandle: userHandle,
-      otp: '1234',
+      otp: otp,
     }
 
     const htmlTemplate = ejs.render(ejsTemplate, templateData)
@@ -31,11 +65,11 @@ const handler = async (req, res) => {
     let message = {
       from: '210020040@iitdh.ac.in', // change this email address
       to: 'pjayasurya2711@gmail.com', // this also
-      subject: 'Place Order',
+      subject: 'OTP for CODE GEASE',
       html: htmlTemplate,
     }
 
-    // await transporter.sendMail(message)
+    await transporter.sendMail(message)
 
     return res.status(201).json({
       msg: 'You should receive an email',
diff --git a/pages/api/email/verifyOtp.js b/pages/api/email/verifyOtp.js
new file mode 100644
index 0000000..bd2dc95
--- /dev/null
+++ b/pages/api/email/verifyOtp.js
@@ -0,0 +1,35 @@
+import prisma from './../admin/prismaClient'
+
+const handler = async (req, res) => {
+  if (req.method === 'POST') {
+    const { userOtp, email } = req.body
+    console.log('userOtp', userOtp)
+    try {
+      const otp = await prisma.otp.findMany({
+        where: {
+          email: email,
+          otp: toString(userOtp),
+        },
+      })
+
+      if (otp.length > 0) {
+        // OTP matched
+        console.log(otp)
+        console.log(
+          '-------------------- ------------------- ------------------------------------------------',
+        )
+        res.status(200).json({ msg: 'OTP verified' })
+      } else {
+        // OTP did not match
+        res.status(400).json({ msg: 'OTP not verified' })
+      }
+    } catch (error) {
+      console.error('Error verifying otp:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
+
+export default handler
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 7506bdb..43bbc58 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -136,3 +136,11 @@ model Project {
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
+
+model Otp {
+  id         String   @id @default(uuid())
+  email      String   @unique
+  otp        String
+  created_at DateTime @default(now())
+  updated_at DateTime @updatedAt
+}

From 86b9a2dd37429e8412d8724c6367b11472353cd0 Mon Sep 17 00:00:00 2001
From: Divy Jain <divyjx@gmail.com>
Date: Tue, 10 Oct 2023 00:09:06 +0530
Subject: [PATCH 35/40] achievements admin  page done

issue #5
---
 app/achievements/page.module.css              |  2 +-
 app/achievements/page.tsx                     | 30 ++++++----
 app/members/page.module.css                   | 23 ++++++-
 components/Block/Block.module.css             | 24 ++++++--
 components/Block/BlockAdmin.jsx               |  9 ++-
 .../Block/BlockCard/BlockCard.module.css      | 21 +++++--
 components/Block/BlockCard/BlockCardAdmin.jsx |  2 +-
 pages/admin/achievements.jsx                  | 35 +++++++++++
 pages/api/admin/achievements.js               | 60 +++++++++++++++++++
 .../migration.sql                             | 13 ++++
 prisma/schema.prisma                          | 11 ++++
 11 files changed, 202 insertions(+), 28 deletions(-)
 create mode 100644 pages/admin/achievements.jsx
 create mode 100644 pages/api/admin/achievements.js
 create mode 100644 prisma/migrations/20231009165505_added_achievements_table/migration.sql

diff --git a/app/achievements/page.module.css b/app/achievements/page.module.css
index 7d00361..5079e7d 100644
--- a/app/achievements/page.module.css
+++ b/app/achievements/page.module.css
@@ -1,4 +1,4 @@
-.achieveWrapper {
+.achievementsWrapper {
   background-color: var(--primary-light-pastel-gray);
   background-image: url(/Events/micro_carbon.png);
 }
diff --git a/app/achievements/page.tsx b/app/achievements/page.tsx
index f4b49b6..dedd9a9 100644
--- a/app/achievements/page.tsx
+++ b/app/achievements/page.tsx
@@ -1,16 +1,26 @@
-import data from './data'
-import Block from '@/components/Block/Block'
+'use client'
 
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import Block from '@/components/Block/Block'
 import styles from './page.module.css'
 
-const page = () => {
+export default function Events() {
+  const [eventsData, setEventsData] = useState([])
+
+  const getEvents = () => {
+    axios.get('/api/admin/achievements').then(response => {
+      setEventsData(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getEvents()
+  }, [])
+
   return (
-    <>
-      <div className={styles.achieveWrapper}>
-        <Block title='Achievements' blocksData={data} />
-      </div>
-    </>
+    <div className={styles.achievementsWrapper}>
+      <Block title='Achievements' blocksData={eventsData} />
+    </div>
   )
 }
-
-export default page
diff --git a/app/members/page.module.css b/app/members/page.module.css
index bfba754..bc93841 100644
--- a/app/members/page.module.css
+++ b/app/members/page.module.css
@@ -15,7 +15,7 @@
   font-weight: normal;
 }
 
-/* Adding Styles of admin/members add popup below */
+/* Styles for admin/members page here */
 .addButton {
   color: white;
   background-color: #212830;
@@ -61,6 +61,7 @@
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
   text-align: center;
   color: white;
+  border-radius: 10px;
 }
 
 .membersModal > h1 {
@@ -75,10 +76,10 @@
 .membersModal * select {
   width: 80%;
   resize: vertical;
-  padding: 1%;
+  padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1%;
+  margin: 1vh;
   background-color: rgb(0, 0, 0);
 }
 
@@ -122,3 +123,19 @@
   z-index: 101;
   font-size: larger;
 }
+
+@media (max-width: 768px) {
+  .membersModal {
+    width: 95%;
+    font-size: smaller;
+    padding: 1px 0px;
+  }
+  .membersModal * label {
+    flex-direction: row;
+    margin-top: 3px 0px;
+  }
+  .membersModal * input,
+  .membersModal * select {
+    width: 60%;
+  }
+}
diff --git a/components/Block/Block.module.css b/components/Block/Block.module.css
index cf03956..591e396 100644
--- a/components/Block/Block.module.css
+++ b/components/Block/Block.module.css
@@ -2,6 +2,7 @@
   position: relative;
   overflow-x: hidden;
   padding-top: 6rem;
+  min-height: 60vh;
 }
 
 .blocksMain {
@@ -29,7 +30,7 @@
 }
 
 /* add button */
-.typeButton {
+.addButton {
   color: white;
   background-color: #212830;
   border-radius: 4px;
@@ -39,14 +40,14 @@
   cursor: pointer;
   transition: 0.3s;
   font-size: large;
-  width: 125px;
+  width: fit-content;
   box-shadow: 2px 2px 0 0 black;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
-.typeButton:hover {
+.addButton:hover {
   color: white;
   background: black;
   box-shadow: 2px 2px 0 0 white;
@@ -76,6 +77,7 @@
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
   text-align: center;
   color: white;
+  border-radius: 10px;
 }
 .blockModal > h2 {
   font-size: larger;
@@ -90,15 +92,16 @@
 .blockModal > textarea {
   width: 80%;
   resize: vertical;
-  padding: 1%;
+  padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1%;
+  margin: 1vh;
   background-color: rgb(0, 0, 0);
 }
 .blockModal > textarea {
   resize: vertical;
-  min-height: 70px;
+  min-height: 100px;
+  max-height: 350px;
 }
 
 .blockModal > button {
@@ -128,3 +131,12 @@
   z-index: 101;
   font-size: larger;
 }
+
+@media (max-width: 768px) {
+  .blockModal,
+  .errorBox {
+    width: 95%;
+    font-size: smaller;
+    padding: 1px 0px;
+  }
+}
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index 38e5a88..f1551d6 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -6,7 +6,12 @@ import axios from 'axios'
 import Alert from '@mui/material/Alert'
 
 const Block = ({ title, events, getEvents, type }) => {
-  const typeText = type === 'events' ? 'Event' : 'Project'
+  const typeText =
+    type === 'events'
+      ? 'Event'
+      : type === 'achievements'
+      ? 'Achievement'
+      : 'Project'
   const [open, setOpen] = useState(false)
   const [formError, setFromError] = useState('')
   const [eventData, setEventData] = useState({
@@ -75,7 +80,7 @@ const Block = ({ title, events, getEvents, type }) => {
               <h2>{title}</h2>
             </div>
           </div>
-          <button className={styles.typeButton} onClick={handleOpen}>
+          <button className={styles.addButton} onClick={handleOpen}>
             Add {typeText}
           </button>
           <Modal
diff --git a/components/Block/BlockCard/BlockCard.module.css b/components/Block/BlockCard/BlockCard.module.css
index afa49a0..0987329 100644
--- a/components/Block/BlockCard/BlockCard.module.css
+++ b/components/Block/BlockCard/BlockCard.module.css
@@ -169,6 +169,7 @@ for projects and events so we converted them to block */
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
   text-align: center;
   color: white;
+  border-radius: 10px;
 }
 .blockCardModal > h2 {
   font-size: larger;
@@ -183,15 +184,16 @@ for projects and events so we converted them to block */
 .blockCardModal > textarea {
   width: 80%;
   resize: vertical;
-  padding: 1%;
+  padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1%;
+  margin: 1vh;
   background-color: rgb(0, 0, 0);
 }
 .blockCardModal > textarea {
   resize: vertical;
-  min-height: 70px;
+  min-height: 100px;
+  max-height: 350px;
 }
 
 .blockCardModal > button {
@@ -214,7 +216,7 @@ for projects and events so we converted them to block */
 }
 
 /* Blockcard button (edit, delete) css here*/
-.adminButtons > button {
+.updateButtons > button {
   color: white;
   background-color: black;
   border-radius: 4px;
@@ -229,7 +231,7 @@ for projects and events so we converted them to block */
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
 }
 
-.adminButtons > button:hover {
+.updateButtons > button:hover {
   color: black;
   background: white;
   box-shadow: 2px 2px 0 0 black;
@@ -243,3 +245,12 @@ for projects and events so we converted them to block */
   z-index: 101;
   font-size: larger;
 }
+
+@media (max-width: 768px) {
+  .blockCardModal,
+  .errorBox {
+    width: 95%;
+    font-size: smaller;
+    padding: 1px 0px;
+  }
+}
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index dbd5a36..9c1e915 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -83,7 +83,7 @@ const BlockCardAdmin = ({
       ) : null}
       <div className={styles.blockCardWrapper}>
         <div className={styles.blockCardMain}>
-          <div className={styles.adminButtons}>
+          <div className={styles.updateButtons}>
             <button onClick={handleOpen}>Edit</button>
             <button onClick={handleDelete}>Delete</button>
             <Modal
diff --git a/pages/admin/achievements.jsx b/pages/admin/achievements.jsx
new file mode 100644
index 0000000..49cf6a3
--- /dev/null
+++ b/pages/admin/achievements.jsx
@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react'
+import axios from 'axios'
+import BlockAdmin from '@/components/Block/BlockAdmin'
+import styles from './../../app/achievements/page.module.css'
+
+const Achievements = () => {
+  const [achievements, setAchievements] = useState([])
+
+  const getAchievements = () => {
+    axios.get('/api/admin/achievements').then(response => {
+      setAchievements(response.data)
+    })
+  }
+
+  useEffect(() => {
+    getAchievements()
+  }, [])
+
+  return (
+    <div>
+      <div className={styles.achievementsWrapper}>
+        <BlockAdmin
+          title='Achievements'
+          events={achievements}
+          getEvents={getAchievements}
+          type={'achievements'}
+        />
+      </div>
+    </div>
+  )
+}
+//
+Achievements.requireAuth = true // Required Authentication
+
+export default Achievements
diff --git a/pages/api/admin/achievements.js b/pages/api/admin/achievements.js
new file mode 100644
index 0000000..d01c0dd
--- /dev/null
+++ b/pages/api/admin/achievements.js
@@ -0,0 +1,60 @@
+import prisma from './prismaClient'
+
+export default async function handler(req, res) {
+  if (req.method === 'GET') {
+    try {
+      const achievements = await prisma.achievement.findMany()
+      res.status(200).json(achievements)
+    } catch (error) {
+      console.error('Error fetching achievements:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'POST') {
+    const eventData = req.body
+
+    try {
+      const createdEvent = await prisma.achievement.create({
+        data: eventData,
+      })
+
+      console.log('Event added to database:')
+      res.status(201).json(createdEvent)
+    } catch (error) {
+      console.error('Error adding achievement to database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'PUT') {
+    const eventId = req.query.eventId
+    const { id, ...eventData } = req.body
+    try {
+      const updatedEvent = await prisma.achievement.update({
+        where: { id: eventId },
+        data: eventData,
+      })
+
+      console.log('Event updated in database:')
+      res.status(200).json(updatedEvent)
+    } catch (error) {
+      console.error('Error updating achievement in database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else if (req.method === 'DELETE') {
+    const eventId = req.query.eventId
+
+    try {
+      await prisma.achievement.delete({
+        where: {
+          id: eventId,
+        },
+      })
+
+      console.log('Event deleted from database')
+      res.status(204).send()
+    } catch (error) {
+      console.error('Error deleting achievement from database:', error)
+      res.status(500).json({ error: 'Internal server error' })
+    }
+  } else {
+    res.status(405).json({ error: 'Method not allowed' })
+  }
+}
diff --git a/prisma/migrations/20231009165505_added_achievements_table/migration.sql b/prisma/migrations/20231009165505_added_achievements_table/migration.sql
new file mode 100644
index 0000000..57437cf
--- /dev/null
+++ b/prisma/migrations/20231009165505_added_achievements_table/migration.sql
@@ -0,0 +1,13 @@
+-- CreateTable
+CREATE TABLE "Achievement" (
+    "id" TEXT NOT NULL,
+    "title" TEXT NOT NULL,
+    "description" TEXT NOT NULL,
+    "start_month" "Month" NOT NULL,
+    "url" TEXT NOT NULL,
+    "image_url" TEXT NOT NULL DEFAULT '',
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Achievement_pkey" PRIMARY KEY ("id")
+);
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 7506bdb..aaacf65 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -136,3 +136,14 @@ model Project {
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
 }
+
+model Achievement {
+  id          String   @id @default(uuid())
+  title       String
+  description String
+  start_month Month
+  url         String
+  image_url   String   @default("")
+  created_at  DateTime @default(now())
+  updated_at  DateTime @updatedAt
+}

From 34955fcd53504d4a274a1f7b8e4940c6256212a9 Mon Sep 17 00:00:00 2001
From: Divy Jain <divyjx@gmail.com>
Date: Tue, 10 Oct 2023 01:02:59 +0530
Subject: [PATCH 36/40] improved form layout

issue #5
---
 app/members/page.module.css                     | 17 ++++++++---------
 components/Block/Block.module.css               |  2 +-
 components/Block/BlockAdmin.jsx                 | 14 +++++++-------
 components/Block/BlockCard/BlockCard.module.css |  2 +-
 components/Block/BlockCard/BlockCardAdmin.jsx   | 14 +++++++-------
 5 files changed, 24 insertions(+), 25 deletions(-)

diff --git a/app/members/page.module.css b/app/members/page.module.css
index bc93841..5d47e03 100644
--- a/app/members/page.module.css
+++ b/app/members/page.module.css
@@ -44,7 +44,7 @@
     'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
     'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   margin: auto;
-  width: 70%;
+  width: 65%;
   height: fit-content;
   justify-content: center;
   align-items: center;
@@ -55,7 +55,7 @@
   bottom: 0;
   right: 0;
   position: absolute;
-  padding: 2% 4%;
+  padding: 1% 2%;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
   box-shadow: 0 0 10px rgba(0, 0, 0, 4);
@@ -68,8 +68,8 @@
   font-size: larger;
   font-weight: 600;
   text-align: center;
-  margin-top: 1%;
-  margin-bottom: 3%;
+  margin-top: 2%;
+  margin-bottom: 4%;
 }
 
 .membersModal * input,
@@ -79,7 +79,6 @@
   padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1vh;
   background-color: rgb(0, 0, 0);
 }
 
@@ -93,7 +92,7 @@
   font-size: large;
   width: 10%;
   min-width: fit-content;
-  margin: 4% 1%;
+  margin: 2%;
   justify-content: center;
 }
 .membersModal * button:hover {
@@ -104,14 +103,13 @@
 
 .membersModal * label {
   text-align: right;
-  margin: 4%;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   align-content: flex-end;
   width: 80%;
   align-items: center;
-  margin: auto;
+  margin: 1vh auto;
   justify-content: space-between;
 }
 
@@ -125,7 +123,8 @@
 }
 
 @media (max-width: 768px) {
-  .membersModal {
+  .membersModal,
+  .errorBox {
     width: 95%;
     font-size: smaller;
     padding: 1px 0px;
diff --git a/components/Block/Block.module.css b/components/Block/Block.module.css
index 591e396..5731bec 100644
--- a/components/Block/Block.module.css
+++ b/components/Block/Block.module.css
@@ -95,7 +95,7 @@
   padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1vh;
+  margin-top: 1vh;
   background-color: rgb(0, 0, 0);
 }
 .blockModal > textarea {
diff --git a/components/Block/BlockAdmin.jsx b/components/Block/BlockAdmin.jsx
index f1551d6..0f9f1d6 100644
--- a/components/Block/BlockAdmin.jsx
+++ b/components/Block/BlockAdmin.jsx
@@ -104,13 +104,6 @@ const Block = ({ title, events, getEvents, type }) => {
               placeholder={typeText + ' Title'}
             />
 
-            <textarea
-              type='text'
-              name='description'
-              value={eventData.description}
-              onChange={handleInputChange}
-              placeholder={typeText + ' Description'}
-            />
             <select
               value={eventData.start_month}
               onChange={handleInputChange}
@@ -145,6 +138,13 @@ const Block = ({ title, events, getEvents, type }) => {
               onChange={handleInputChange}
               placeholder='Image URL'
             />
+            <textarea
+              type='text'
+              name='description'
+              value={eventData.description}
+              onChange={handleInputChange}
+              placeholder={typeText + ' Description'}
+            />
             <br />
             <button onClick={handleAddEvent}>Add {typeText}</button>
             <button onClick={handleClose}>Cancel</button>
diff --git a/components/Block/BlockCard/BlockCard.module.css b/components/Block/BlockCard/BlockCard.module.css
index 0987329..0e07fe6 100644
--- a/components/Block/BlockCard/BlockCard.module.css
+++ b/components/Block/BlockCard/BlockCard.module.css
@@ -187,7 +187,7 @@ for projects and events so we converted them to block */
   padding: 1vh;
   border-radius: 5px;
   border: 0;
-  margin: 1vh;
+  margin-top: 1vh;
   background-color: rgb(0, 0, 0);
 }
 .blockCardModal > textarea {
diff --git a/components/Block/BlockCard/BlockCardAdmin.jsx b/components/Block/BlockCard/BlockCardAdmin.jsx
index 9c1e915..b720b53 100644
--- a/components/Block/BlockCard/BlockCardAdmin.jsx
+++ b/components/Block/BlockCard/BlockCardAdmin.jsx
@@ -106,13 +106,6 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 placeholder={`Edit ${typeText}`}
               />
-              <textarea
-                type='text'
-                name='description'
-                value={eventData.description}
-                onChange={handleInputChange}
-                placeholder={`${typeText} Description`}
-              />
               <select
                 value={eventData.start_month}
                 onChange={handleInputChange}
@@ -145,6 +138,13 @@ const BlockCardAdmin = ({
                 onChange={handleInputChange}
                 placeholder='Image URL'
               />
+              <textarea
+                type='text'
+                name='description'
+                value={eventData.description}
+                onChange={handleInputChange}
+                placeholder={`${typeText} Description`}
+              />
               <br />
               <button onClick={handleEdit}>Edit {typeText}</button>
               <button onClick={handleClose}>Cancel</button>

From 9485c5a19815bbce8be50baf743b8e022cd3b302 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Thu, 12 Oct 2023 00:41:30 +0530
Subject: [PATCH 37/40] issue with otp

---
 components/Registration/Registration.tsx      |  25 +-
 package-lock.json                             | 478 +++++++++++++-----
 pages/api/email/verifyOtp.js                  |   9 +-
 .../20231010201734_final/migration.sql        |  13 +
 prisma/schema.prisma                          |   2 +-
 yarn.lock                                     |  24 +-
 6 files changed, 409 insertions(+), 142 deletions(-)
 create mode 100644 prisma/migrations/20231010201734_final/migration.sql

diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index c47a729..473e899 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -72,9 +72,24 @@ const Registration: NextPage<Props> = ({}) => {
   const handleClose = () => {
     setOpen(false)
   }
-  const handleResendOTP = () => {
-    // Handle OTP resend logic here
-  }
+  // const handleResendOTP = () => {
+  //   const data = {
+  //     name: formdata.fullName,
+  //     email: `${formdata.rollNumber}@iitdh.ac.in`,
+  //     userHandle: formdata.userHandle,
+  //   }
+
+  //   axios
+  //     .post('/api/email/sendEmail', data)
+  //     .then(response => {
+  //       // Handle the successful response from the server
+  //       console.log('Server Response:', response.data)
+  //     })
+  //     .catch(error => {
+  //       // Handle any errors that occurred during the request
+  //       console.error('Error:', error)
+  //     })
+  // }
 
   const handleSubmitOTP = () => {
     axios
@@ -139,7 +154,7 @@ const Registration: NextPage<Props> = ({}) => {
             maxLength={4}
           />
           <button onClick={handleSubmitOTP}>Submit</button>
-          <button onClick={handleResendOTP}>Resend OTP</button>
+          {/* <button onClick={handleResendOTP}>Resend OTP</button> */}
         </div>
       </Modal>
 
@@ -160,6 +175,7 @@ const Registration: NextPage<Props> = ({}) => {
                 title='Codeforces'
                 inputs={inputs_cf}
                 handleChangeInput={handleChangeInput_cf}
+                handleOpen={handleOpen}
                 type={0}
               />
             </div>
@@ -170,6 +186,7 @@ const Registration: NextPage<Props> = ({}) => {
                 title='LeetCode'
                 inputs={inputs_lt}
                 handleChangeInput={handleChangeInput_lt}
+                handleOpen={handleOpen}
                 type={1}
               />
             </div>
diff --git a/package-lock.json b/package-lock.json
index 43e5ce7..499f989 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -999,6 +999,126 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.4.tgz",
+      "integrity": "sha512-ZY9Ti1hkIwJsxGus3nlubIkvYyB0gNOYxKrfsOrLEqD0I2iCX8D7w8v6QQZ2H+dDl6UT29oeEUdDUNGk4UEpfg==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.4.tgz",
+      "integrity": "sha512-+KZnDeMShYkpkqAvGCEDeqYTRADJXc6SY1jWXz+Uo6qWQO/Jd9CoyhTJwRSxvQA16MoYzvILkGaDqirkRNctyA==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.4.tgz",
+      "integrity": "sha512-evC1twrny2XDT4uOftoubZvW3EG0zs0ZxMwEtu/dDGVRO5n5pT48S8qqEIBGBUZYu/Xx4zzpOkIxx1vpWdE+9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.4.tgz",
+      "integrity": "sha512-PX706XcCHr2FfkyhP2lpf+pX/tUvq6/ke7JYnnr0ykNdEMo+sb7cC/o91gnURh4sPYSiZJhsF2gbIqg9rciOHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.4.tgz",
+      "integrity": "sha512-TKUUx3Ftd95JlHV6XagEnqpT204Y+IsEa3awaYIjayn0MOGjgKZMZibqarK3B1FsMSPaieJf2FEAcu9z0yT5aA==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.4.tgz",
+      "integrity": "sha512-FP8AadgSq4+HPtim7WBkCMGbhr5vh9FePXiWx9+YOdjwdQocwoCK5ZVC3OW8oh3TWth6iJ0AXJ/yQ1q1cwSZ3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-ia32-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.4.tgz",
+      "integrity": "sha512-3WekVmtuA2MCdcAOrgrI+PuFiFURtSyyrN1I3UPtS0ckR2HtLqyqmS334Eulf15g1/bdwMteePdK363X/Y9JMg==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "13.4.4",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.4.tgz",
+      "integrity": "sha512-AHRITu/CrlQ+qzoqQtEMfaTu7GHaQ6bziQln/pVWpOYC1wU+Mq6VQQFlsDtMCnDztPZtppAXdvvbNS7pcfRzlw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1214,6 +1334,31 @@
         "@types/react": "*"
       }
     },
+    "node_modules/@types/react-is": {
+      "version": "18.2.2",
+      "resolved": "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.2.tgz",
+      "integrity": "sha512-bNmRDADVsOivYLvqYQATYRbf60SlK++spu97SK65pSCjdtuTqczFexBQtOK+gQdG6cqOsvQZ3mR12ueEoaq5iA==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-HsH2E3luJ2hdVOAovq93x/r+CmWqbhwT8hXW05KMp3zzbSEZsBn4egnMGU/VLwScwlCRPTyZgIEPqLycaz5EOw==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.7",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.7.tgz",
+      "integrity": "sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==",
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.3",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.3.tgz",
@@ -5387,6 +5532,45 @@
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.12.tgz",
       "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ=="
     },
+    "node_modules/node-waves": {
+      "version": "0.7.6",
+      "resolved": "https://registry.npmjs.org/node-waves/-/node-waves-0.7.6.tgz",
+      "integrity": "sha512-tVUIzekLZb7xMTxE4llCivOCE3ECg/Rlf4KfUD2FS3PI4Awk1I8j8xmPaFUAIEZVI6Io3132JQRYxLetR2NYUQ=="
+    },
+    "node_modules/nodemailer": {
+      "version": "6.9.6",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.6.tgz",
+      "integrity": "sha512-s7pDtWwe5fLMkQUhw8TkWB/wnZ7SRdd9HRZslq/s24hlZvBP3j32N/ETLmnqTpmj4xoBZL9fOWyCIZ7r2HORHg==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nodemailer-express-handlebars": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/nodemailer-express-handlebars/-/nodemailer-express-handlebars-6.1.0.tgz",
+      "integrity": "sha512-CWhsoDDa5JbvQmOxTOJhISFuUqDLKW0kvL09whIDBnD71P8ykATCQ+xOjQfltXR5qpK15m0AqwE/kHgbYx/zsQ==",
+      "engines": {
+        "node": "14.* || 16.* || >= 18"
+      },
+      "peerDependencies": {
+        "express-handlebars": ">= 6.0.0",
+        "nodemailer": ">= 6.0.0"
+      }
+    },
+    "node_modules/nopt": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
+      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
+      "dependencies": {
+        "abbrev": "^1.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
@@ -6313,8 +6497,45 @@
     "node_modules/react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
-      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA=="
+    },
+    "node_modules/react-modal": {
+      "version": "3.16.1",
+      "resolved": "https://registry.npmjs.org/react-modal/-/react-modal-3.16.1.tgz",
+      "integrity": "sha512-VStHgI3BVcGo7OXczvnJN7yT2TWHJPDXZWyI/a0ssFNhGZWsPmB8cF0z33ewDXq4VfYMO1vXgiv/g8Nj9NDyWg==",
+      "dependencies": {
+        "exenv": "^1.2.0",
+        "prop-types": "^15.7.2",
+        "react-lifecycles-compat": "^3.0.0",
+        "warning": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18",
+        "react-dom": "^0.14.0 || ^15.0.0 || ^16 || ^17 || ^18"
+      }
+    },
+    "node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
     },
     "node_modules/read-cache": {
       "version": "1.0.0",
@@ -7574,6 +7795,139 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/web-resource-inliner": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/web-resource-inliner/-/web-resource-inliner-6.0.1.tgz",
+      "integrity": "sha512-kfqDxt5dTB1JhqsCUQVFDj0rmY+4HLwGQIsLPbyrsN9y9WV/1oFDSx3BQ4GfCv9X+jVeQ7rouTqwK53rA/7t8A==",
+      "dependencies": {
+        "ansi-colors": "^4.1.1",
+        "escape-goat": "^3.0.0",
+        "htmlparser2": "^5.0.0",
+        "mime": "^2.4.6",
+        "node-fetch": "^2.6.0",
+        "valid-data-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/dom-serializer": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
+      "integrity": "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/dom-serializer/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domhandler": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-3.3.0.tgz",
+      "integrity": "sha512-J1C5rIANUbuYK+FuFL98650rihynUOEzRLxW+90bKZRWB6A1X1Tf82GxR1qAWLyfNPRvjqfip3Q5tdYlmAa9lA==",
+      "dependencies": {
+        "domelementtype": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/domutils/node_modules/domhandler": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.1.tgz",
+      "integrity": "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ==",
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/htmlparser2": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-5.0.1.tgz",
+      "integrity": "sha512-vKZZra6CSe9qsJzh0BjBGXo8dvzNsq/oGvsjfRdOrrryfeD9UOBEEQdeoqCRmKZchF5h2zOBMQ6YuQ0uRUmdbQ==",
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^3.3.0",
+        "domutils": "^2.4.2",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/htmlparser2?sponsor=1"
+      }
+    },
+    "node_modules/web-resource-inliner/node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
@@ -7683,126 +8037,6 @@
       "funding": {
         "url": "https://github.com/sponsors/colinhacks"
       }
-    },
-    "node_modules/@next/swc-darwin-x64": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-13.4.4.tgz",
-      "integrity": "sha512-ZY9Ti1hkIwJsxGus3nlubIkvYyB0gNOYxKrfsOrLEqD0I2iCX8D7w8v6QQZ2H+dDl6UT29oeEUdDUNGk4UEpfg==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-13.4.4.tgz",
-      "integrity": "sha512-+KZnDeMShYkpkqAvGCEDeqYTRADJXc6SY1jWXz+Uo6qWQO/Jd9CoyhTJwRSxvQA16MoYzvILkGaDqirkRNctyA==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-13.4.4.tgz",
-      "integrity": "sha512-evC1twrny2XDT4uOftoubZvW3EG0zs0ZxMwEtu/dDGVRO5n5pT48S8qqEIBGBUZYu/Xx4zzpOkIxx1vpWdE+9A==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-13.4.4.tgz",
-      "integrity": "sha512-PX706XcCHr2FfkyhP2lpf+pX/tUvq6/ke7JYnnr0ykNdEMo+sb7cC/o91gnURh4sPYSiZJhsF2gbIqg9rciOHQ==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-linux-x64-musl": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-13.4.4.tgz",
-      "integrity": "sha512-TKUUx3Ftd95JlHV6XagEnqpT204Y+IsEa3awaYIjayn0MOGjgKZMZibqarK3B1FsMSPaieJf2FEAcu9z0yT5aA==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "linux"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-13.4.4.tgz",
-      "integrity": "sha512-FP8AadgSq4+HPtim7WBkCMGbhr5vh9FePXiWx9+YOdjwdQocwoCK5ZVC3OW8oh3TWth6iJ0AXJ/yQ1q1cwSZ3A==",
-      "cpu": [
-        "arm64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-13.4.4.tgz",
-      "integrity": "sha512-3WekVmtuA2MCdcAOrgrI+PuFiFURtSyyrN1I3UPtS0ckR2HtLqyqmS334Eulf15g1/bdwMteePdK363X/Y9JMg==",
-      "cpu": [
-        "ia32"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
-    },
-    "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "13.4.4",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-13.4.4.tgz",
-      "integrity": "sha512-AHRITu/CrlQ+qzoqQtEMfaTu7GHaQ6bziQln/pVWpOYC1wU+Mq6VQQFlsDtMCnDztPZtppAXdvvbNS7pcfRzlw==",
-      "cpu": [
-        "x64"
-      ],
-      "optional": true,
-      "os": [
-        "win32"
-      ],
-      "engines": {
-        "node": ">= 10"
-      }
     }
   }
 }
diff --git a/pages/api/email/verifyOtp.js b/pages/api/email/verifyOtp.js
index bd2dc95..24c1366 100644
--- a/pages/api/email/verifyOtp.js
+++ b/pages/api/email/verifyOtp.js
@@ -4,15 +4,18 @@ const handler = async (req, res) => {
   if (req.method === 'POST') {
     const { userOtp, email } = req.body
     console.log('userOtp', userOtp)
+
     try {
-      const otp = await prisma.otp.findMany({
+      const otp = await prisma.otp.findFirst({
         where: {
           email: email,
-          otp: toString(userOtp),
+          otp: userOtp.toString(),
         },
       })
 
-      if (otp.length > 0) {
+      console.log('otp', otp)
+
+      if (otp) {
         // OTP matched
         console.log(otp)
         console.log(
diff --git a/prisma/migrations/20231010201734_final/migration.sql b/prisma/migrations/20231010201734_final/migration.sql
new file mode 100644
index 0000000..a8df2b5
--- /dev/null
+++ b/prisma/migrations/20231010201734_final/migration.sql
@@ -0,0 +1,13 @@
+-- CreateTable
+CREATE TABLE "Otp" (
+    "id" TEXT NOT NULL,
+    "email" TEXT NOT NULL,
+    "otp" TEXT NOT NULL,
+    "created_at" TIMESTAMP(3) NOT NULL DEFAULT CURRENT_TIMESTAMP,
+    "updated_at" TIMESTAMP(3) NOT NULL,
+
+    CONSTRAINT "Otp_pkey" PRIMARY KEY ("id")
+);
+
+-- CreateIndex
+CREATE UNIQUE INDEX "Otp_email_key" ON "Otp"("email");
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index 3fd5e9b..0e41219 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -137,7 +137,6 @@ model Project {
   updated_at  DateTime @updatedAt
 }
 
-
 model Achievement {
   id          String   @id @default(uuid())
   title       String
@@ -147,6 +146,7 @@ model Achievement {
   image_url   String   @default("")
   created_at  DateTime @default(now())
   updated_at  DateTime @updatedAt
+}
 
 model Otp {
   id         String   @id @default(uuid())
diff --git a/yarn.lock b/yarn.lock
index d2160f4..1b3d57d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -612,23 +612,23 @@
     "@types/react" "*"
 
 "@types/react-is@^18.2.1":
-  version "18.2.1"
-  resolved "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.1.tgz"
-  integrity sha512-wyUkmaaSZEzFZivD8F2ftSyAfk6L+DfFliVj/mYdOXbVjRcS87fQJLTnhk6dRZPuJjI+9g6RZJO4PNCngUrmyw==
+  version "18.2.2"
+  resolved "https://registry.npmjs.org/@types/react-is/-/react-is-18.2.2.tgz"
+  integrity sha512-bNmRDADVsOivYLvqYQATYRbf60SlK++spu97SK65pSCjdtuTqczFexBQtOK+gQdG6cqOsvQZ3mR12ueEoaq5iA==
   dependencies:
     "@types/react" "*"
 
 "@types/react-modal@^3.16.0":
-  version "3.16.0"
-  resolved "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.0.tgz"
-  integrity sha512-iphdqXAyUfByLbxJn5j6d+yh93dbMgshqGP0IuBeaKbZXx0aO+OXsvEkt6QctRdxjeM9/bR+Gp3h9F9djVWTQQ==
+  version "3.16.1"
+  resolved "https://registry.npmjs.org/@types/react-modal/-/react-modal-3.16.1.tgz"
+  integrity sha512-HsH2E3luJ2hdVOAovq93x/r+CmWqbhwT8hXW05KMp3zzbSEZsBn4egnMGU/VLwScwlCRPTyZgIEPqLycaz5EOw==
   dependencies:
     "@types/react" "*"
 
 "@types/react-transition-group@^4.4.6":
-  version "4.4.6"
-  resolved "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.6.tgz"
-  integrity sha512-VnCdSxfcm08KjsJVQcfBmhEQAPnLB8G08hAxn39azX1qYBQ/5RVQuoHuKIcfKOdncuaUvEpFKFzEvbtIMsfVew==
+  version "4.4.7"
+  resolved "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.7.tgz"
+  integrity sha512-ICCyBl5mvyqYp8Qeq9B5G/fyBSRC0zx3XM3sCC6KkcMsNeAHqXBKkmat4GqdJET5jtYUpZXrxI5flve5qhi2Eg==
   dependencies:
     "@types/react" "*"
 
@@ -3193,9 +3193,9 @@ nodemailer-express-handlebars@^6.1.0:
   integrity sha512-CWhsoDDa5JbvQmOxTOJhISFuUqDLKW0kvL09whIDBnD71P8ykATCQ+xOjQfltXR5qpK15m0AqwE/kHgbYx/zsQ==
 
 nodemailer@^6.9.5:
-  version "6.9.5"
-  resolved "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.5.tgz"
-  integrity sha512-/dmdWo62XjumuLc5+AYQZeiRj+PRR8y8qKtFCOyuOl1k/hckZd8durUUHs/ucKx6/8kN+wFxqKJlQ/LK/qR5FA==
+  version "6.9.6"
+  resolved "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.6.tgz"
+  integrity sha512-s7pDtWwe5fLMkQUhw8TkWB/wnZ7SRdd9HRZslq/s24hlZvBP3j32N/ETLmnqTpmj4xoBZL9fOWyCIZ7r2HORHg==
 
 nopt@^6.0.0:
   version "6.0.0"

From bef09bd352692bd196c3ee6dc87da38a5303306f Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Thu, 12 Oct 2023 01:27:39 +0530
Subject: [PATCH 38/40] otp issue fixed

---
 pages/api/email/sendEmail.js |  4 ++--
 pages/api/email/verifyOtp.js | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
index 5879779..acc3f54 100644
--- a/pages/api/email/sendEmail.js
+++ b/pages/api/email/sendEmail.js
@@ -30,7 +30,7 @@ const handler = async (req, res) => {
           email: email,
         },
         data: {
-          otp: toString(otp),
+          otp: otp.toString(), // Corrected this line
         },
       })
     } else {
@@ -38,7 +38,7 @@ const handler = async (req, res) => {
       const createdEvent = await prisma.otp.create({
         data: {
           email: email,
-          otp: toString(otp),
+          otp: otp.toString(), // Corrected this line
         },
       })
     }
diff --git a/pages/api/email/verifyOtp.js b/pages/api/email/verifyOtp.js
index 24c1366..a38122c 100644
--- a/pages/api/email/verifyOtp.js
+++ b/pages/api/email/verifyOtp.js
@@ -9,18 +9,18 @@ const handler = async (req, res) => {
       const otp = await prisma.otp.findFirst({
         where: {
           email: email,
-          otp: userOtp.toString(),
         },
       })
 
-      console.log('otp', otp)
+      console.log('otp', otp.otp)
+      console.log(
+        '-------------------- ------------------- ------------------------------------------------',
+      )
 
-      if (otp) {
+      if (otp.otp === userOtp) {
         // OTP matched
         console.log(otp)
-        console.log(
-          '-------------------- ------------------- ------------------------------------------------',
-        )
+
         res.status(200).json({ msg: 'OTP verified' })
       } else {
         // OTP did not match

From bd106b9c9457f6c66cc66711619857dcc7cac4d1 Mon Sep 17 00:00:00 2001
From: Utkarsh1343 <ahmednagaruser414006@gmail.com>
Date: Tue, 17 Oct 2023 19:23:19 +0530
Subject: [PATCH 39/40]  Added Linkedin Icon,changed footer colour and email
 template added

---
 components/Footer/Footer.module.css |   2 +-
 components/Footer/Footer.tsx        |   9 +-
 pages/api/email/emailTemplate.ejs   | 791 +++++++++++++++++++++++++++-
 3 files changed, 798 insertions(+), 4 deletions(-)

diff --git a/components/Footer/Footer.module.css b/components/Footer/Footer.module.css
index b7cbf94..306ac7a 100644
--- a/components/Footer/Footer.module.css
+++ b/components/Footer/Footer.module.css
@@ -1,5 +1,5 @@
 .footer {
-  background-color: #1d1c1a;
+  background-color: #212830;
   padding: 2.5rem 0;
 }
 
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 182b316..84e02af 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -4,7 +4,7 @@ import Image from 'next/image'
 import classes from './Footer.module.css'
 import Link from 'next/link'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faGithub } from '@fortawesome/free-brands-svg-icons'
+import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons'
 export default function Footer() {
   const date = new Date()
   const year = date.getFullYear()
@@ -70,6 +70,13 @@ export default function Footer() {
           </div>
           <div className={classes.rightFooterWrapper}>
             <div className={classes.footerIconsWrapper}>
+              <Link
+                href='https://in.linkedin.com/company/coding-club-iit-dharwad'
+                target='_blank'
+                className={classes.footerlink}
+              >
+                <FontAwesomeIcon icon={faLinkedin} />
+              </Link>
               <Link
                 href='https://www.github.com/oss2019/'
                 target='_blank'
diff --git a/pages/api/email/emailTemplate.ejs b/pages/api/email/emailTemplate.ejs
index 1955819..a3a62a2 100644
--- a/pages/api/email/emailTemplate.ejs
+++ b/pages/api/email/emailTemplate.ejs
@@ -1,4 +1,4 @@
-<html>
+<!-- <html>
 
 <body>
   <h1>Your bill has arrived!</h1>
@@ -29,4 +29,791 @@
   <p>Looking forward to do more business</p>
 </body>
 
-</html>
\ No newline at end of file
+</html> -->
+
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <style>
+      body {
+        visibility: hidden;
+      }
+    </style>
+
+    <script async src="https://cdn.ampproject.org/v0.js"></script>
+
+    <style>
+      .u-row {
+        display: flex;
+        flex-wrap: nowrap;
+        margin-left: 0;
+        margin-right: 0;
+      }
+
+      .u-row .u-col {
+        position: relative;
+        width: 100%;
+        padding-right: 0;
+        padding-left: 0;
+      }
+
+      .u-row .u-col.u-col-100 {
+        flex: 0 0 100%;
+        max-width: 100%;
+      }
+
+      @media (max-width: 767px) {
+        .u-row:not(.no-stack) {
+          flex-wrap: wrap;
+        }
+
+        .u-row:not(.no-stack) .u-col {
+          flex: 0 0 100%;
+          max-width: 100%;
+        }
+      }
+
+      body {
+        margin: 0;
+        padding: 0;
+      }
+
+      table,
+      tr,
+      td {
+        vertical-align: top;
+        border-collapse: collapse;
+      }
+
+      p {
+        margin: 0;
+      }
+
+      .ie-container table,
+      .mso-container table {
+        table-layout: fixed;
+      }
+
+      * {
+        line-height: inherit;
+      }
+
+      table,
+      td {
+        color: #000000;
+      }
+      #u_body a {
+        color: #0000ee;
+        text-decoration: underline;
+      }
+    </style>
+  </head>
+
+  <body
+    class="clean-body u_body"
+    style="margin: 0; padding: 0; background-color: #f9f9f9; color: #000000"
+  >
+    <table
+      id="u_body"
+      style="
+        border-collapse: collapse;
+        table-layout: fixed;
+        border-spacing: 0;
+        vertical-align: top;
+        min-width: 320px;
+        margin: 0 auto;
+        background-color: #f9f9f9;
+        width: 100%;
+      "
+      cellpadding="0"
+      cellspacing="0"
+    >
+      <tbody>
+        <tr style="vertical-align: top">
+          <td
+            style="
+              word-break: break-word;
+              border-collapse: collapse;
+              vertical-align: top;
+            "
+          >
+            <div style="padding: 0px">
+              <div
+                style="
+                  max-width: 600px;
+                  margin: 0 auto;
+                  background-color: #ffffff;
+                "
+              >
+                <div class="u-row">
+                  <div
+                    class="u-col u-col-100"
+                    style="
+                      display: flex;
+                      border-top: 0px solid transparent;
+                      border-left: 0px solid transparent;
+                      border-right: 0px solid transparent;
+                      border-bottom: 0px solid transparent;
+                    "
+                  >
+                    <div style="width: 100%; padding: 0px">
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 20px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <table
+                                width="100%"
+                                cellpadding="0"
+                                cellspacing="0"
+                                border="0"
+                              >
+                                <tr>
+                                  <td
+                                    style="
+                                      padding-right: 0px;
+                                      padding-left: 0px;
+                                    "
+                                    align="center"
+                                  >
+                                    <amp-img
+                                      alt="Image"
+                                      src="https://codingclub.iitdh.ac.in/_next/image?url=%2FLogo4xWithoutFade.png&w=256&q=75"
+                                      width="256"
+                                      height="256"
+                                      layout="intrinsic"
+                                      style="width: 32%; max-width: 32%"
+                                    >
+                                    </amp-img>
+                                  </td>
+                                </tr>
+                              </table>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div style="padding: 0px">
+              <div
+                style="
+                  max-width: 600px;
+                  margin: 0 auto;
+                  background-color: #003399;
+                "
+              >
+                <div class="u-row">
+                  <div
+                    class="u-col u-col-100"
+                    style="
+                      display: flex;
+                      background-color: #000000;
+                      border-top: 0px solid transparent;
+                      border-left: 0px solid transparent;
+                      border-right: 0px solid transparent;
+                      border-bottom: 0px solid transparent;
+                    "
+                  >
+                    <div style="width: 100%; padding: 0px">
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 40px 10px 10px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <table
+                                width="100%"
+                                cellpadding="0"
+                                cellspacing="0"
+                                border="0"
+                              >
+                                <tr>
+                                  <td
+                                    style="
+                                      padding-right: 0px;
+                                      padding-left: 0px;
+                                    "
+                                    align="center"
+                                  >
+                                    <amp-img
+                                      alt="Image"
+                                      src="https://cdn.templates.unlayer.com/assets/1597218650916-xxxxc.png"
+                                      width="335"
+                                      height="93"
+                                      layout="intrinsic"
+                                      style="width: 26%; max-width: 26%"
+                                    >
+                                    </amp-img>
+                                  </td>
+                                </tr>
+                              </table>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 10px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  color: #e5eaf5;
+                                  line-height: 140%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="font-size: 14px; line-height: 140%">
+                                  <strong
+                                    >T H A N K S&nbsp; &nbsp;F O R&nbsp; &nbsp;
+                                    S H O W I N G &nbsp; I N T R E S T !</strong
+                                  >
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 0px 10px 31px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  color: #e5eaf5;
+                                  line-height: 140%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="font-size: 14px; line-height: 140%">
+                                  <span
+                                    style="font-size: 28px; line-height: 39.2px"
+                                    ><strong
+                                      ><span
+                                        style="
+                                          line-height: 39.2px;
+                                          font-size: 14px;
+                                        "
+                                      >
+                                        <%= email %>
+                                      </span></strong
+                                    ></span
+                                  >
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div style="padding: 0px">
+              <div
+                style="
+                  max-width: 600px;
+                  margin: 0 auto;
+                  background-color: #ffffff;
+                "
+              >
+                <div class="u-row">
+                  <div
+                    class="u-col u-col-100"
+                    style="
+                      display: flex;
+                      border-top: 0px solid transparent;
+                      border-left: 0px solid transparent;
+                      border-right: 0px solid transparent;
+                      border-bottom: 0px solid transparent;
+                    "
+                  >
+                    <div style="width: 100%; padding: 0px">
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 33px 55px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  line-height: 160%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="font-size: 14px; line-height: 160%">
+                                  <span
+                                    style="font-size: 22px; line-height: 35.2px"
+                                    >Hi <%= name %>,
+                                  </span>
+                                </p>
+                                <p style="font-size: 14px; line-height: 160%">
+                                  <span
+                                    style="font-size: 18px; line-height: 28.8px"
+                                    >You're almost ready to get started. To
+                                    verify your userHandle <%= userHandle>, you
+                                    need to verify your email. Here is the
+                                    verification code&nbsp; below to verify your
+                                    email address.</span
+                                  >
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 10px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div align="center">
+                                <a
+                                  target="_blank"
+                                  class="v-button"
+                                  style="
+                                    box-sizing: border-box;
+                                    display: inline-block;
+                                    text-decoration: none;
+                                    text-align: center;
+                                    color: #ffffff;
+                                    background-color: #000000;
+                                    border-radius: 4px;
+                                    width: auto;
+                                    max-width: 100%;
+                                    overflow-wrap: break-word;
+                                    word-break: break-word;
+                                    word-wrap: break-word;
+                                    font-size: 14px;
+                                  "
+                                >
+                                  <span
+                                    style="
+                                      display: block;
+                                      padding: 14px 44px 13px;
+                                      line-height: 120%;
+                                    "
+                                    ><%= otp %></span
+                                  >
+                                </a>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 33px 55px 60px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  line-height: 160%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="line-height: 160%; font-size: 14px">
+                                  <span
+                                    style="font-size: 18px; line-height: 28.8px"
+                                    >Thanks,</span
+                                  >
+                                </p>
+                                <p style="line-height: 160%; font-size: 14px">
+                                  <span
+                                    style="font-size: 18px; line-height: 28.8px"
+                                    >CodeGease,</span
+                                  ><span
+                                    style="font-size: 18px; line-height: 28.8px"
+                                  ></span>
+                                </p>
+                                <p style="line-height: 160%; font-size: 14px">
+                                  <span
+                                    style="font-size: 18px; line-height: 28.8px"
+                                    >Coding Club, IITDh</span
+                                  >
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div style="padding: 0px">
+              <div
+                style="
+                  max-width: 600px;
+                  margin: 0 auto;
+                  background-color: #000000;
+                "
+              >
+                <div class="u-row">
+                  <div
+                    class="u-col u-col-100"
+                    style="
+                      display: flex;
+                      background-color: #000000;
+                      border-top: 0px solid transparent;
+                      border-left: 0px solid transparent;
+                      border-right: 0px solid transparent;
+                      border-bottom: 0px solid transparent;
+                    "
+                  >
+                    <div style="width: 100%; padding: 0px">
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 41px 55px 18px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  color: #ffffff;
+                                  line-height: 160%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="line-height: 160%">
+                                  <span
+                                    style="font-size: 20px; line-height: 32px"
+                                    ><strong>Contact Us!</strong></span
+                                  >
+                                </p>
+                                <p style="font-size: 14px; line-height: 160%">
+                                  <span style="line-height: 22.4px"
+                                    ><span
+                                      style="
+                                        color: #ffffff;
+                                        line-height: 22.4px;
+                                      "
+                                      ><a
+                                        style="
+                                          color: #ffffff;
+                                          text-decoration: underline;
+                                        "
+                                        target="_blank"
+                                        href="oss@iitdh.ac.in"
+                                        rel="noopener"
+                                        >oss@iitdh.ac.in</a
+                                      ></span
+                                    ></span
+                                  >
+                                </p>
+                                <p style="font-size: 14px; line-height: 160%">
+                                  <span
+                                    style="
+                                      text-decoration: underline;
+                                      line-height: 22.4px;
+                                    "
+                                    ><a
+                                      target="_blank"
+                                      href="https://coding.club@iitdh.ac.in"
+                                      rel="noopener"
+                                      ><span
+                                        style="
+                                          font-size: 16px;
+                                          line-height: 25.6px;
+                                          color: #ffffff;
+                                          text-decoration: underline;
+                                        "
+                                        >coding.club@iitdh.ac.in</span
+                                      ></a
+                                    ></span
+                                  >
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 10px 10px 33px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div style="text-align: center; line-height: 0px">
+                                <a
+                                  href="coding.club@iitdh.ac.in"
+                                  target="_blank"
+                                  style="
+                                    display: inline-block;
+                                    width: 32px;
+                                    height: 32px;
+                                    margin-right: 17px;
+                                  "
+                                  ><amp-img
+                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/email.png"
+                                    width="32"
+                                    height="32" /></a
+                                ><a
+                                  href="https://github.com/oss2019/"
+                                  target="_blank"
+                                  style="
+                                    display: inline-block;
+                                    width: 32px;
+                                    height: 32px;
+                                    margin-right: 17px;
+                                  "
+                                  ><amp-img
+                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/github.png"
+                                    width="32"
+                                    height="32" /></a
+                                ><a
+                                  href="https://in.linkedin.com/company/coding-club-iit-dharwad"
+                                  target="_blank"
+                                  style="
+                                    display: inline-block;
+                                    width: 32px;
+                                    height: 32px;
+                                    margin-right: 17px;
+                                  "
+                                  ><amp-img
+                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/linkedin.png"
+                                    width="32"
+                                    height="32" /></a
+                                ><a
+                                  href="https://www.instagram.com/technical.council_iitdh/"
+                                  target="_blank"
+                                  style="
+                                    display: inline-block;
+                                    width: 32px;
+                                    height: 32px;
+                                    margin-right: 0px;
+                                  "
+                                  ><amp-img
+                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/instagram.png"
+                                    width="32"
+                                    height="32"
+                                /></a>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <div style="padding: 0px">
+              <div
+                style="
+                  max-width: 600px;
+                  margin: 0 auto;
+                  background-color: #003399;
+                "
+              >
+                <div class="u-row">
+                  <div
+                    class="u-col u-col-100"
+                    style="
+                      display: flex;
+                      background-color: #000000;
+                      border-top: 0px solid transparent;
+                      border-left: 0px solid transparent;
+                      border-right: 0px solid transparent;
+                      border-bottom: 0px solid transparent;
+                    "
+                  >
+                    <div style="width: 100%; padding: 0px">
+                      <table
+                        style="font-family: 'Cabin', sans-serif"
+                        role="presentation"
+                        cellpadding="0"
+                        cellspacing="0"
+                        width="100%"
+                        border="0"
+                      >
+                        <tbody>
+                          <tr>
+                            <td
+                              style="
+                                overflow-wrap: break-word;
+                                word-break: break-word;
+                                padding: 10px;
+                                font-family: 'Cabin', sans-serif;
+                              "
+                              align="left"
+                            >
+                              <div
+                                style="
+                                  font-size: 14px;
+                                  color: #fafafa;
+                                  line-height: 180%;
+                                  text-align: center;
+                                  word-wrap: break-word;
+                                "
+                              >
+                                <p style="font-size: 14px; line-height: 180%">
+                                  <span
+                                    style="font-size: 16px; line-height: 28.8px"
+                                    >Copyrights © Coding Club all right reserved
+                                  </span>
+                                </p>
+                              </div>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </body>
+</html>

From 467ea5e2689171f08b1efbb64ef38bc64f19e658 Mon Sep 17 00:00:00 2001
From: Jaya Surya <pjayasurya2711@gmail.com>
Date: Sat, 28 Oct 2023 22:56:51 +0530
Subject: [PATCH 40/40] making changes

---
 .../Registration/Registration.module.css      | 129 +--
 components/Registration/Registration.tsx      | 388 ++++----
 pages/api/email/emailTemplate.ejs             | 899 +++++++-----------
 pages/api/email/sendEmail.js                  |  12 +-
 pages/api/email/verifyOtp.js                  |   8 +-
 5 files changed, 604 insertions(+), 832 deletions(-)

diff --git a/components/Registration/Registration.module.css b/components/Registration/Registration.module.css
index d72d6c8..0f73560 100644
--- a/components/Registration/Registration.module.css
+++ b/components/Registration/Registration.module.css
@@ -1,53 +1,76 @@
-@import url('https://fonts.googleapis.com/css2?family=Recursive&display=swap');
-
-.RegWrapper {
-  position: relative;
-  background-color: var(--primary-light-pastel-gray);
-  overflow-x: hidden;
-  padding-top: 10rem;
-  padding-left: 1rem;
-  padding-right: 1rem;
-  padding-bottom: 1rem;
-  background-image: url(/Events/micro_carbon.png);
-  min-height: 50vh;
-}
-
-@media (max-width: 768px) {
-  .RegWrapper {
-    padding-top: 5rem;
-    padding-bottom: 1rem;
-  }
-}
-
-.tabGroup > div > div {
-  padding: 0;
-  margin: 0;
-}
-.tabGroup > div > button {
-  color: black;
-  font-size: 1rem;
-  font-family: 'Recursive', sans-serif;
-  font-weight: bold;
-  padding-top: 1rem;
-}
-
-.tabGroup > div > button[aria-selected='true'] {
-  color: black;
-  background-color: white;
-  box-shadow: 4px 4px 0 0 black;
-  /* border: solid 2px black; */
-}
-
-.tabGroup > div > button[aria-selected='false'] {
-  background-color: transparent;
-  color: rgb(178, 176, 176);
-}
-
-.tabGroup > div > button:focus[aria-selected='false'] {
-  box-shadow: none;
-}
-
-.tabGroup > div > button:hover[aria-selected='false'] {
-  background-color: rgb(48, 48, 48);
-  color: rgb(255, 250, 250);
-}
+@import url('https://fonts.googleapis.com/css2?family=Recursive&display=swap');
+
+.RegWrapper {
+  position: relative;
+  background-color: var(--primary-light-pastel-gray);
+  overflow-x: hidden;
+  padding-top: 10rem;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  padding-bottom: 1rem;
+  background-image: url(/Events/micro_carbon.png);
+  min-height: 70vh;
+}
+
+@media (max-width: 768px) {
+  .RegWrapper {
+    padding-top: 5rem;
+    padding-bottom: 1rem;
+  }
+}
+
+.tabGroup > div > div {
+  padding: 0;
+  margin: 0;
+}
+.tabGroup > div > button {
+  color: black;
+  font-size: 1rem;
+  font-family: 'Recursive', sans-serif;
+  font-weight: bold;
+  padding-top: 1rem;
+}
+
+.tabGroup > div > button[aria-selected='true'] {
+  color: black;
+  background-color: white;
+  box-shadow: 4px 4px 0 0 black;
+  /* border: solid 2px black; */
+}
+
+.tabGroup > div > button[aria-selected='false'] {
+  background-color: transparent;
+  color: rgb(178, 176, 176);
+}
+
+.tabGroup > div > button:focus[aria-selected='false'] {
+  box-shadow: none;
+}
+
+.tabGroup > div > button:hover[aria-selected='false'] {
+  background-color: rgb(48, 48, 48);
+  color: rgb(255, 250, 250);
+}
+
+.customModal {
+  margin: auto;
+  width: 530px;
+  max-width: 93%;
+  height: fit-content;
+  /* max-height: 500px; */
+  background: #e1e1e1;
+  background-color: rgb(46, 46, 46);
+  top: -1%;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  position: absolute;
+  padding: 1% 2%;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 4);
+  text-align: center;
+  color: white;
+  border-radius: 10px;
+  -webkit-box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
+  z-index: 101;
+}
\ No newline at end of file
diff --git a/components/Registration/Registration.tsx b/components/Registration/Registration.tsx
index 473e899..b3cb9e8 100644
--- a/components/Registration/Registration.tsx
+++ b/components/Registration/Registration.tsx
@@ -1,200 +1,188 @@
-'use client'
-
-import { NextPage } from 'next'
-import RegBlock from './RegBlock/RegBlock'
-import { useState, useContext } from 'react'
-import Modal from 'react-modal'
-import styles from './Registration.module.css'
-import { Tabs } from 'flowbite-react'
-import axios from 'axios'
-import data from '../../app/achievements/data'
-import useAuth from '@/hooks/useAuth'
-import { State } from '@/types/AuthContext/AuthContext.type'
-import { useRouter } from 'next/navigation'
-
-interface Props {}
-
-interface FormData {
-  fullName: string
-  rollNumber: string
-  userHandle: string
-  url: string
-}
-
-const Registration: NextPage<Props> = ({}) => {
-  // We are handelling codeforces registration here
-  const handleChangeInput_cf = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setInputs_cf({
-      ...inputs_cf,
-      [e.target.name]: e.target.value,
-    })
-  }
-
-  const [inputs_cf, setInputs_cf] = useState({
-    fullName: '',
-    rollNumber: '',
-    userHandle: '',
-  })
-
-  const [authState, setAuthState] = useState<State>({
-    loading: false,
-    data: null,
-    error: null,
-  })
-
-  const { registerIn } = useAuth()
-  const router = useRouter()
-
-  // We are handelling leetcode registrations here
-  const handleChangeInput_lt = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setInputs_lt({
-      ...inputs_lt,
-      [e.target.name]: e.target.value,
-    })
-  }
-
-  const [inputs_lt, setInputs_lt] = useState({
-    fullName: '',
-    rollNumber: '',
-    userHandle: '',
-  })
-  const [formdata, setFormdata] = useState<FormData>({
-    fullName: '',
-    rollNumber: '',
-    userHandle: '',
-    url: '',
-  })
-
-  const handleOpen = (data: any) => {
-    setFormdata(data)
-    setOpen(true)
-  }
-  const handleClose = () => {
-    setOpen(false)
-  }
-  // const handleResendOTP = () => {
-  //   const data = {
-  //     name: formdata.fullName,
-  //     email: `${formdata.rollNumber}@iitdh.ac.in`,
-  //     userHandle: formdata.userHandle,
-  //   }
-
-  //   axios
-  //     .post('/api/email/sendEmail', data)
-  //     .then(response => {
-  //       // Handle the successful response from the server
-  //       console.log('Server Response:', response.data)
-  //     })
-  //     .catch(error => {
-  //       // Handle any errors that occurred during the request
-  //       console.error('Error:', error)
-  //     })
-  // }
-
-  const handleSubmitOTP = () => {
-    axios
-      .post('/api/email/verifyOtp', {
-        email: formdata.rollNumber + '@iitdh.ac.in',
-        userOtp: otp,
-      })
-      .then(res => {
-        console.log(res)
-        registerIn(formdata, setAuthState)
-        if (authState.error === null) {
-          router.push('/leaderboard')
-        }
-      })
-      .catch(err => {
-        console.log(err)
-      })
-  }
-
-  const [open, setOpen] = useState(false)
-  const [otp, setOtp] = useState('')
-
-  return (
-    <>
-      <Modal
-        isOpen={open}
-        onRequestClose={handleClose}
-        shouldCloseOnOverlayClick={false}
-        className='custom-modal'
-        overlayClassName='custom-modal-overlay'
-        style={{
-          // change to separate css file
-          overlay: {
-            zIndex: '100',
-          },
-          content: {
-            top: '50%',
-            left: '50%',
-            right: 'auto',
-            bottom: 'auto',
-
-            position: 'absolute',
-            backgroundColor: 'green',
-            margin: 'auto',
-            width: '40%',
-            height: '40%',
-            justifyContent: 'center',
-            alignItems: 'center',
-          },
-        }}
-      >
-        <div className='modal-content'>
-          <span className='close-icon' onClick={handleClose}>
-            &times;
-          </span>
-          <h2>Enter OTP</h2>
-          <input
-            type='text'
-            placeholder='Enter OTP'
-            value={otp}
-            onChange={e => setOtp(e.target.value)}
-            maxLength={4}
-          />
-          <button onClick={handleSubmitOTP}>Submit</button>
-          {/* <button onClick={handleResendOTP}>Resend OTP</button> */}
-        </div>
-      </Modal>
-
-      <div
-        className={`${styles.RegWrapper} grid gap-0 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
-      >
-        <Tabs.Group
-          aria-label='Pills'
-          style='default'
-          className={
-            styles.tabGroup +
-            ' text-center justify-center text-sm border-b-0 my-0 gap-y-0 gap-x-0.5 py-0'
-          }
-        >
-          <Tabs.Item active title='Codeforces'>
-            <div>
-              <RegBlock
-                title='Codeforces'
-                inputs={inputs_cf}
-                handleChangeInput={handleChangeInput_cf}
-                handleOpen={handleOpen}
-                type={0}
-              />
-            </div>
-          </Tabs.Item>
-          <Tabs.Item title='LeetCode'>
-            <div>
-              <RegBlock
-                title='LeetCode'
-                inputs={inputs_lt}
-                handleChangeInput={handleChangeInput_lt}
-                handleOpen={handleOpen}
-                type={1}
-              />
-            </div>
-          </Tabs.Item>
-        </Tabs.Group>
-      </div>
-    </>
-  )
-}
-
-export default Registration
+'use client'
+
+import { NextPage } from 'next'
+import RegBlock from './RegBlock/RegBlock'
+import { useState, useContext } from 'react'
+import Modal from 'react-modal'
+import styles from './Registration.module.css'
+import { Tabs } from 'flowbite-react'
+import axios from 'axios'
+import data from '../../app/achievements/data'
+import useAuth from '@/hooks/useAuth'
+import { State } from '@/types/AuthContext/AuthContext.type'
+import { useRouter } from 'next/navigation'
+
+interface Props {}
+
+interface FormData {
+  fullName: string
+  rollNumber: string
+  userHandle: string
+  url: string
+}
+
+const Registration: NextPage<Props> = ({}) => {
+  // We are handelling codeforces registration here
+  const handleChangeInput_cf = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setInputs_cf({
+      ...inputs_cf,
+      [e.target.name]: e.target.value,
+    })
+  }
+
+  const [inputs_cf, setInputs_cf] = useState({
+    fullName: '',
+    rollNumber: '',
+    userHandle: '',
+  })
+
+  const [authState, setAuthState] = useState<State>({
+    loading: false,
+    data: null,
+    error: null,
+  })
+
+  const { registerIn } = useAuth()
+  const router = useRouter()
+
+  // We are handelling leetcode registrations here
+  const handleChangeInput_lt = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setInputs_lt({
+      ...inputs_lt,
+      [e.target.name]: e.target.value,
+    })
+  }
+
+  const [inputs_lt, setInputs_lt] = useState({
+    fullName: '',
+    rollNumber: '',
+    userHandle: '',
+  })
+  const [formdata, setFormdata] = useState<FormData>({
+    fullName: '',
+    rollNumber: '',
+    userHandle: '',
+    url: '',
+  })
+
+  const handleOpen = (data: any) => {
+    setFormdata(data)
+    setOpen(true)
+  }
+  const handleClose = () => {
+    setOpen(false)
+  }
+  // const handleResendOTP = () => {
+  //   const data = {
+  //     name: formdata.fullName,
+  //     email: `${formdata.rollNumber}@iitdh.ac.in`,
+  //     userHandle: formdata.userHandle,
+  //   }
+
+  //   axios
+  //     .post('/api/email/sendEmail', data)
+  //     .then(response => {
+  //       // Handle the successful response from the server
+  //       console.log('Server Response:', response.data)
+  //     })
+  //     .catch(error => {
+  //       // Handle any errors that occurred during the request
+  //       console.error('Error:', error)
+  //     })
+  // }
+
+  const handleSubmitOTP = () => {
+    axios
+      .post('/api/email/verifyOtp', {
+        email: formdata.rollNumber + '@iitdh.ac.in',
+        userOtp: otp,
+      })
+      .then(res => {
+        console.log(res)
+        registerIn(formdata, setAuthState)
+        if (authState.error === null) {
+          router.push('/leaderboard')
+        }
+      })
+      .catch(err => {
+        console.log(err)
+      })
+  }
+
+  const [open, setOpen] = useState(false)
+  const [otp, setOtp] = useState('')
+
+  return (
+    <>
+      <Modal
+        isOpen={open}
+        onRequestClose={handleClose}
+        shouldCloseOnOverlayClick={true}
+        className={styles.customModal}
+      >
+        <div className='modal-content grid grid-col-1 gap-2'>
+          <button
+            className='close-icon w-max justify-self-end text-2xl'
+            onClick={handleClose}
+          >
+            &times;
+          </button>
+          <h2 className='text-left justify-self-center mt-10'>Enter OTP</h2>
+          <input
+            className='bg-black c-white text-left mx-3 rounded w-fit justify-self-center'
+            type='text'
+            placeholder='Enter OTP'
+            value={otp}
+            onChange={e => setOtp(e.target.value)}
+            maxLength={4}
+          />
+          <button
+            className='bg-gray-800 hover:bg-gray-500 text-white font-bold py-2 px-4 rounded justify-self-center w-fit mt-24 mb-5'
+            onClick={handleSubmitOTP}
+          >
+            Submit
+          </button>
+          {/* <button onClick={handleResendOTP}>Resend OTP</button> */}
+        </div>
+      </Modal>
+
+      <div
+        className={`${styles.RegWrapper} grid gap-0 grid-cols-1 sm:grid-cols-1 md:grid-cols-1 lg:grid-cols-1 xl:grid-cols-1`}
+      >
+        <Tabs.Group
+          aria-label='Pills'
+          style='default'
+          className={
+            styles.tabGroup +
+            ' text-center justify-center text-sm border-b-0 my-0 gap-y-0 gap-x-0.5 py-0'
+          }
+        >
+          <Tabs.Item active title='Codeforces'>
+            <div>
+              <RegBlock
+                title='Codeforces'
+                inputs={inputs_cf}
+                handleChangeInput={handleChangeInput_cf}
+                handleOpen={handleOpen}
+                type={0}
+              />
+            </div>
+          </Tabs.Item>
+          <Tabs.Item title='LeetCode'>
+            <div>
+              <RegBlock
+                title='LeetCode'
+                inputs={inputs_lt}
+                handleChangeInput={handleChangeInput_lt}
+                handleOpen={handleOpen}
+                type={1}
+              />
+            </div>
+          </Tabs.Item>
+        </Tabs.Group>
+      </div>
+    </>
+  )
+}
+
+export default Registration
diff --git a/pages/api/email/emailTemplate.ejs b/pages/api/email/emailTemplate.ejs
index a3a62a2..40c48cb 100644
--- a/pages/api/email/emailTemplate.ejs
+++ b/pages/api/email/emailTemplate.ejs
@@ -31,92 +31,88 @@
 
 </html> -->
 
-<!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="utf-8" />
-    <style>
-      body {
-        visibility: hidden;
-      }
-    </style>
 
-    <script async src="https://cdn.ampproject.org/v0.js"></script>
+<!-- <head>
 
-    <style>
-      .u-row {
-        display: flex;
-        flex-wrap: nowrap;
-        margin-left: 0;
-        margin-right: 0;
-      }
+  <style>
+    body {
+      visibility: hidden;
+    }
+  </style>
 
-      .u-row .u-col {
-        position: relative;
-        width: 100%;
-        padding-right: 0;
-        padding-left: 0;
+  <script async src="https://cdn.ampproject.org/v0.js"></script>
+
+  <style>
+    .u-row {
+      display: flex;
+      flex-wrap: nowrap;
+      margin-left: 0;
+      margin-right: 0;
+    }
+
+    .u-row .u-col {
+      position: relative;
+      width: 100%;
+      padding-right: 0;
+      padding-left: 0;
+    }
+
+    .u-row .u-col.u-col-100 {
+      flex: 0 0 100%;
+      max-width: 100%;
+    }
+
+    @media (max-width: 767px) {
+      .u-row:not(.no-stack) {
+        flex-wrap: wrap;
       }
 
-      .u-row .u-col.u-col-100 {
+      .u-row:not(.no-stack) .u-col {
         flex: 0 0 100%;
         max-width: 100%;
       }
+    }
 
-      @media (max-width: 767px) {
-        .u-row:not(.no-stack) {
-          flex-wrap: wrap;
-        }
+    body {
+      margin: 0;
+      padding: 0;
+    }
 
-        .u-row:not(.no-stack) .u-col {
-          flex: 0 0 100%;
-          max-width: 100%;
-        }
-      }
+    table,
+    tr,
+    td {
+      vertical-align: top;
+      border-collapse: collapse;
+    }
 
-      body {
-        margin: 0;
-        padding: 0;
-      }
+    p {
+      margin: 0;
+    }
 
-      table,
-      tr,
-      td {
-        vertical-align: top;
-        border-collapse: collapse;
-      }
+    .ie-container table,
+    .mso-container table {
+      table-layout: fixed;
+    }
 
-      p {
-        margin: 0;
-      }
+    * {
+      line-height: inherit;
+    }
 
-      .ie-container table,
-      .mso-container table {
-        table-layout: fixed;
-      }
+    table,
+    td {
+      color: #000000;
+    }
 
-      * {
-        line-height: inherit;
-      }
+    #u_body a {
+      color: #0000ee;
+      text-decoration: underline;
+    }
+  </style>
+</head> -->
 
-      table,
-      td {
-        color: #000000;
-      }
-      #u_body a {
-        color: #0000ee;
-        text-decoration: underline;
-      }
-    </style>
-  </head>
-
-  <body
-    class="clean-body u_body"
-    style="margin: 0; padding: 0; background-color: #f9f9f9; color: #000000"
-  >
-    <table
-      id="u_body"
-      style="
+<body class="clean-body u_body" style="margin: 0; padding: 0; background-color: #f9f9f9; color: #000000">
+  <table id="u_body" style="
         border-collapse: collapse;
         table-layout: fixed;
         border-spacing: 0;
@@ -125,352 +121,230 @@
         margin: 0 auto;
         background-color: #f9f9f9;
         width: 100%;
-      "
-      cellpadding="0"
-      cellspacing="0"
-    >
-      <tbody>
-        <tr style="vertical-align: top">
-          <td
-            style="
+      " cellpadding="0" cellspacing="0">
+    <tbody>
+      <tr style="vertical-align: top">
+        <td style="
               word-break: break-word;
               border-collapse: collapse;
               vertical-align: top;
-            "
-          >
-            <div style="padding: 0px">
-              <div
-                style="
+            ">
+          <div style="padding: 0px">
+            <div style="
                   max-width: 600px;
                   margin: 0 auto;
                   background-color: #ffffff;
-                "
-              >
-                <div class="u-row">
-                  <div
-                    class="u-col u-col-100"
-                    style="
+                ">
+              <div class="u-row">
+                <div class="u-col u-col-100" style="
                       display: flex;
                       border-top: 0px solid transparent;
                       border-left: 0px solid transparent;
                       border-right: 0px solid transparent;
                       border-bottom: 0px solid transparent;
-                    "
-                  >
-                    <div style="width: 100%; padding: 0px">
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    ">
+                  <div style="width: 100%; padding: 0px">
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 20px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <table
-                                width="100%"
-                                cellpadding="0"
-                                cellspacing="0"
-                                border="0"
-                              >
-                                <tr>
-                                  <td
-                                    style="
+                              " align="left">
+                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                              <tr>
+                                <td style="
                                       padding-right: 0px;
                                       padding-left: 0px;
-                                    "
-                                    align="center"
-                                  >
-                                    <amp-img
-                                      alt="Image"
-                                      src="https://codingclub.iitdh.ac.in/_next/image?url=%2FLogo4xWithoutFade.png&w=256&q=75"
-                                      width="256"
-                                      height="256"
-                                      layout="intrinsic"
-                                      style="width: 32%; max-width: 32%"
-                                    >
-                                    </amp-img>
-                                  </td>
-                                </tr>
-                              </table>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
+                                    " align="center">
+                                  <amp-img alt="Image"
+                                    src="https://codingclub.iitdh.ac.in/_next/image?url=%2FLogo4xWithoutFade.png&w=256&q=75"
+                                    width="256" height="256" layout="intrinsic" style="width: 32%; max-width: 32%">
+                                  </amp-img>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
 
-            <div style="padding: 0px">
-              <div
-                style="
+          <div style="padding: 0px">
+            <div style="
                   max-width: 600px;
                   margin: 0 auto;
                   background-color: #003399;
-                "
-              >
-                <div class="u-row">
-                  <div
-                    class="u-col u-col-100"
-                    style="
+                ">
+              <div class="u-row">
+                <div class="u-col u-col-100" style="
                       display: flex;
                       background-color: #000000;
                       border-top: 0px solid transparent;
                       border-left: 0px solid transparent;
                       border-right: 0px solid transparent;
                       border-bottom: 0px solid transparent;
-                    "
-                  >
-                    <div style="width: 100%; padding: 0px">
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    ">
+                  <div style="width: 100%; padding: 0px">
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 40px 10px 10px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <table
-                                width="100%"
-                                cellpadding="0"
-                                cellspacing="0"
-                                border="0"
-                              >
-                                <tr>
-                                  <td
-                                    style="
+                              " align="left">
+                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
+                              <tr>
+                                <td style="
                                       padding-right: 0px;
                                       padding-left: 0px;
-                                    "
-                                    align="center"
-                                  >
-                                    <amp-img
-                                      alt="Image"
-                                      src="https://cdn.templates.unlayer.com/assets/1597218650916-xxxxc.png"
-                                      width="335"
-                                      height="93"
-                                      layout="intrinsic"
-                                      style="width: 26%; max-width: 26%"
-                                    >
-                                    </amp-img>
-                                  </td>
-                                </tr>
-                              </table>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
+                                    " align="center">
+                                  <amp-img alt="Image"
+                                    src="https://cdn.templates.unlayer.com/assets/1597218650916-xxxxc.png" width="335"
+                                    height="93" layout="intrinsic" style="width: 26%; max-width: 26%">
+                                  </amp-img>
+                                </td>
+                              </tr>
+                            </table>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
 
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 10px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   color: #e5eaf5;
                                   line-height: 140%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="font-size: 14px; line-height: 140%">
-                                  <strong
-                                    >T H A N K S&nbsp; &nbsp;F O R&nbsp; &nbsp;
-                                    S H O W I N G &nbsp; I N T R E S T !</strong
-                                  >
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
+                                ">
+                              <p style="font-size: 14px; line-height: 140%">
+                                <strong>T H A N K S&nbsp; &nbsp;F O R&nbsp; &nbsp;
+                                  S H O W I N G &nbsp; I N T R E S T !</strong>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
 
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 0px 10px 31px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   color: #e5eaf5;
                                   line-height: 140%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="font-size: 14px; line-height: 140%">
-                                  <span
-                                    style="font-size: 28px; line-height: 39.2px"
-                                    ><strong
-                                      ><span
-                                        style="
+                                ">
+                              <p style="font-size: 14px; line-height: 140%">
+                                <span style="font-size: 28px; line-height: 39.2px"><strong><span style="
                                           line-height: 39.2px;
                                           font-size: 14px;
-                                        "
-                                      >
-                                        <%= email %>
-                                      </span></strong
-                                    ></span
-                                  >
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
+                                        ">
+                                      <%= email %>
+                                    </span></strong></span>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
 
-            <div style="padding: 0px">
-              <div
-                style="
+          <div style="padding: 0px">
+            <div style="
                   max-width: 600px;
                   margin: 0 auto;
                   background-color: #ffffff;
-                "
-              >
-                <div class="u-row">
-                  <div
-                    class="u-col u-col-100"
-                    style="
+                ">
+              <div class="u-row">
+                <div class="u-col u-col-100" style="
                       display: flex;
                       border-top: 0px solid transparent;
                       border-left: 0px solid transparent;
                       border-right: 0px solid transparent;
                       border-bottom: 0px solid transparent;
-                    "
-                  >
-                    <div style="width: 100%; padding: 0px">
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    ">
+                  <div style="width: 100%; padding: 0px">
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 33px 55px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   line-height: 160%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="font-size: 14px; line-height: 160%">
-                                  <span
-                                    style="font-size: 22px; line-height: 35.2px"
-                                    >Hi <%= name %>,
-                                  </span>
-                                </p>
-                                <p style="font-size: 14px; line-height: 160%">
-                                  <span
-                                    style="font-size: 18px; line-height: 28.8px"
-                                    >You're almost ready to get started. To
-                                    verify your userHandle <%= userHandle>, you
+                                ">
+                              <p style="font-size: 14px; line-height: 160%">
+                                <span style="font-size: 22px; line-height: 35.2px">Hi <%= name %>,
+                                </span>
+                              </p>
+                              <p style="font-size: 14px; line-height: 160%">
+                                <span style="font-size: 18px; line-height: 28.8px">You're almost ready to get started.
+                                  To
+                                  verify your userHandle <%= userHandle>, you
                                     need to verify your email. Here is the
                                     verification code&nbsp; below to verify your
-                                    email address.</span
-                                  >
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
+                                    email address.</span>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
 
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 10px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div align="center">
-                                <a
-                                  target="_blank"
-                                  class="v-button"
-                                  style="
+                              " align="left">
+                            <div align="center">
+                              <a target="_blank" class="v-button" style="
                                     box-sizing: border-box;
                                     display: inline-block;
                                     text-decoration: none;
@@ -484,336 +358,225 @@
                                     word-break: break-word;
                                     word-wrap: break-word;
                                     font-size: 14px;
-                                  "
-                                >
-                                  <span
-                                    style="
+                                  ">
+                                <span style="
                                       display: block;
                                       padding: 14px 44px 13px;
                                       line-height: 120%;
-                                    "
-                                    ><%= otp %></span
-                                  >
-                                </a>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
+                                    ">
+                                  <%= otp %>
+                                </span>
+                              </a>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
 
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 33px 55px 60px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   line-height: 160%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="line-height: 160%; font-size: 14px">
-                                  <span
-                                    style="font-size: 18px; line-height: 28.8px"
-                                    >Thanks,</span
-                                  >
-                                </p>
-                                <p style="line-height: 160%; font-size: 14px">
-                                  <span
-                                    style="font-size: 18px; line-height: 28.8px"
-                                    >CodeGease,</span
-                                  ><span
-                                    style="font-size: 18px; line-height: 28.8px"
-                                  ></span>
-                                </p>
-                                <p style="line-height: 160%; font-size: 14px">
-                                  <span
-                                    style="font-size: 18px; line-height: 28.8px"
-                                    >Coding Club, IITDh</span
-                                  >
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
+                                ">
+                              <p style="line-height: 160%; font-size: 14px">
+                                <span style="font-size: 18px; line-height: 28.8px">Thanks,</span>
+                              </p>
+                              <p style="line-height: 160%; font-size: 14px">
+                                <span style="font-size: 18px; line-height: 28.8px">CodeGease,</span><span
+                                  style="font-size: 18px; line-height: 28.8px"></span>
+                              </p>
+                              <p style="line-height: 160%; font-size: 14px">
+                                <span style="font-size: 18px; line-height: 28.8px">Coding Club, IITDh</span>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
 
-            <div style="padding: 0px">
-              <div
-                style="
+          <div style="padding: 0px">
+            <div style="
                   max-width: 600px;
                   margin: 0 auto;
                   background-color: #000000;
-                "
-              >
-                <div class="u-row">
-                  <div
-                    class="u-col u-col-100"
-                    style="
+                ">
+              <div class="u-row">
+                <div class="u-col u-col-100" style="
                       display: flex;
                       background-color: #000000;
                       border-top: 0px solid transparent;
                       border-left: 0px solid transparent;
                       border-right: 0px solid transparent;
                       border-bottom: 0px solid transparent;
-                    "
-                  >
-                    <div style="width: 100%; padding: 0px">
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    ">
+                  <div style="width: 100%; padding: 0px">
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 41px 55px 18px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   color: #ffffff;
                                   line-height: 160%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="line-height: 160%">
-                                  <span
-                                    style="font-size: 20px; line-height: 32px"
-                                    ><strong>Contact Us!</strong></span
-                                  >
-                                </p>
-                                <p style="font-size: 14px; line-height: 160%">
-                                  <span style="line-height: 22.4px"
-                                    ><span
-                                      style="
+                                ">
+                              <p style="line-height: 160%">
+                                <span style="font-size: 20px; line-height: 32px"><strong>Contact Us!</strong></span>
+                              </p>
+                              <p style="font-size: 14px; line-height: 160%">
+                                <span style="line-height: 22.4px"><span style="
                                         color: #ffffff;
                                         line-height: 22.4px;
-                                      "
-                                      ><a
-                                        style="
+                                      "><a style="
                                           color: #ffffff;
                                           text-decoration: underline;
-                                        "
-                                        target="_blank"
-                                        href="oss@iitdh.ac.in"
-                                        rel="noopener"
-                                        >oss@iitdh.ac.in</a
-                                      ></span
-                                    ></span
-                                  >
-                                </p>
-                                <p style="font-size: 14px; line-height: 160%">
-                                  <span
-                                    style="
+                                        " target="_blank" href="oss@iitdh.ac.in"
+                                      rel="noopener">oss@iitdh.ac.in</a></span></span>
+                              </p>
+                              <p style="font-size: 14px; line-height: 160%">
+                                <span style="
                                       text-decoration: underline;
                                       line-height: 22.4px;
-                                    "
-                                    ><a
-                                      target="_blank"
-                                      href="https://coding.club@iitdh.ac.in"
-                                      rel="noopener"
-                                      ><span
-                                        style="
+                                    "><a target="_blank" href="https://coding.club@iitdh.ac.in" rel="noopener"><span
+                                      style="
                                           font-size: 16px;
                                           line-height: 25.6px;
                                           color: #ffffff;
                                           text-decoration: underline;
-                                        "
-                                        >coding.club@iitdh.ac.in</span
-                                      ></a
-                                    ></span
-                                  >
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
+                                        ">coding.club@iitdh.ac.in</span></a></span>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
 
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 10px 10px 33px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div style="text-align: center; line-height: 0px">
-                                <a
-                                  href="coding.club@iitdh.ac.in"
-                                  target="_blank"
-                                  style="
+                              " align="left">
+                            <div style="text-align: center; line-height: 0px">
+                              <a href="coding.club@iitdh.ac.in" target="_blank" style="
                                     display: inline-block;
                                     width: 32px;
                                     height: 32px;
                                     margin-right: 17px;
-                                  "
-                                  ><amp-img
-                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/email.png"
-                                    width="32"
-                                    height="32" /></a
-                                ><a
-                                  href="https://github.com/oss2019/"
-                                  target="_blank"
-                                  style="
+                                  "><amp-img src="https://cdn.tools.unlayer.com/social/icons/circle-black/email.png"
+                                  width="32" height="32" /></a><a href="https://github.com/oss2019/" target="_blank"
+                                style="
                                     display: inline-block;
                                     width: 32px;
                                     height: 32px;
                                     margin-right: 17px;
-                                  "
-                                  ><amp-img
-                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/github.png"
-                                    width="32"
-                                    height="32" /></a
-                                ><a
-                                  href="https://in.linkedin.com/company/coding-club-iit-dharwad"
-                                  target="_blank"
-                                  style="
+                                  "><amp-img src="https://cdn.tools.unlayer.com/social/icons/circle-black/github.png"
+                                  width="32" height="32" /></a><a
+                                href="https://in.linkedin.com/company/coding-club-iit-dharwad" target="_blank" style="
                                     display: inline-block;
                                     width: 32px;
                                     height: 32px;
                                     margin-right: 17px;
-                                  "
-                                  ><amp-img
-                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/linkedin.png"
-                                    width="32"
-                                    height="32" /></a
-                                ><a
-                                  href="https://www.instagram.com/technical.council_iitdh/"
-                                  target="_blank"
-                                  style="
+                                  "><amp-img src="https://cdn.tools.unlayer.com/social/icons/circle-black/linkedin.png"
+                                  width="32" height="32" /></a><a
+                                href="https://www.instagram.com/technical.council_iitdh/" target="_blank" style="
                                     display: inline-block;
                                     width: 32px;
                                     height: 32px;
                                     margin-right: 0px;
-                                  "
-                                  ><amp-img
-                                    src="https://cdn.tools.unlayer.com/social/icons/circle-black/instagram.png"
-                                    width="32"
-                                    height="32"
-                                /></a>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
+                                  "><amp-img
+                                  src="https://cdn.tools.unlayer.com/social/icons/circle-black/instagram.png" width="32"
+                                  height="32" /></a>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
                   </div>
                 </div>
               </div>
             </div>
+          </div>
 
-            <div style="padding: 0px">
-              <div
-                style="
+          <div style="padding: 0px">
+            <div style="
                   max-width: 600px;
                   margin: 0 auto;
                   background-color: #003399;
-                "
-              >
-                <div class="u-row">
-                  <div
-                    class="u-col u-col-100"
-                    style="
+                ">
+              <div class="u-row">
+                <div class="u-col u-col-100" style="
                       display: flex;
                       background-color: #000000;
                       border-top: 0px solid transparent;
                       border-left: 0px solid transparent;
                       border-right: 0px solid transparent;
                       border-bottom: 0px solid transparent;
-                    "
-                  >
-                    <div style="width: 100%; padding: 0px">
-                      <table
-                        style="font-family: 'Cabin', sans-serif"
-                        role="presentation"
-                        cellpadding="0"
-                        cellspacing="0"
-                        width="100%"
-                        border="0"
-                      >
-                        <tbody>
-                          <tr>
-                            <td
-                              style="
+                    ">
+                  <div style="width: 100%; padding: 0px">
+                    <table style="font-family: 'Cabin', sans-serif" role="presentation" cellpadding="0" cellspacing="0"
+                      width="100%" border="0">
+                      <tbody>
+                        <tr>
+                          <td style="
                                 overflow-wrap: break-word;
                                 word-break: break-word;
                                 padding: 10px;
                                 font-family: 'Cabin', sans-serif;
-                              "
-                              align="left"
-                            >
-                              <div
-                                style="
+                              " align="left">
+                            <div style="
                                   font-size: 14px;
                                   color: #fafafa;
                                   line-height: 180%;
                                   text-align: center;
                                   word-wrap: break-word;
-                                "
-                              >
-                                <p style="font-size: 14px; line-height: 180%">
-                                  <span
-                                    style="font-size: 16px; line-height: 28.8px"
-                                    >Copyrights © Coding Club all right reserved
-                                  </span>
-                                </p>
-                              </div>
-                            </td>
-                          </tr>
-                        </tbody>
-                      </table>
-                    </div>
+                                ">
+                              <p style="font-size: 14px; line-height: 180%">
+                                <span style="font-size: 16px; line-height: 28.8px">Copyrights © Coding Club all right
+                                  reserved
+                                </span>
+                              </p>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
                   </div>
                 </div>
               </div>
             </div>
-          </td>
-        </tr>
-      </tbody>
-    </table>
-  </body>
-</html>
+          </div>
+        </td>
+      </tr>
+    </tbody>
+  </table>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/pages/api/email/sendEmail.js b/pages/api/email/sendEmail.js
index acc3f54..798e006 100644
--- a/pages/api/email/sendEmail.js
+++ b/pages/api/email/sendEmail.js
@@ -24,21 +24,19 @@ const handler = async (req, res) => {
     })
 
     if (existingOtp) {
-      // If an OTP object with the same email exists, update its otp value.
       await prisma.otp.update({
         where: {
           email: email,
         },
         data: {
-          otp: otp.toString(), // Corrected this line
+          otp: otp.toString(),
         },
       })
     } else {
-      // If no OTP object with the same email exists, create a new one.
       const createdEvent = await prisma.otp.create({
         data: {
           email: email,
-          otp: otp.toString(), // Corrected this line
+          otp: otp.toString(),
         },
       })
     }
@@ -57,14 +55,14 @@ const handler = async (req, res) => {
     let transporter = nodemailer.createTransport({
       service: 'gmail',
       auth: {
-        user: '210020040@iitdh.ac.in', // Replace  Gmail address
+        user: 'pjayasurya2711@gmail.com', // Replace  Gmail address
         pass: process.env.EMAIL_PASSWORD, // Replace  Gmail password in .env
       },
     })
 
     let message = {
-      from: '210020040@iitdh.ac.in', // change this email address
-      to: 'pjayasurya2711@gmail.com', // this also
+      from: 'pjayasurya2711@gmail.com', // change this email address
+      to: email,
       subject: 'OTP for CODE GEASE',
       html: htmlTemplate,
     }
diff --git a/pages/api/email/verifyOtp.js b/pages/api/email/verifyOtp.js
index a38122c..ea9a7f8 100644
--- a/pages/api/email/verifyOtp.js
+++ b/pages/api/email/verifyOtp.js
@@ -12,10 +12,10 @@ const handler = async (req, res) => {
         },
       })
 
-      console.log('otp', otp.otp)
-      console.log(
-        '-------------------- ------------------- ------------------------------------------------',
-      )
+      // console.log('otp', otp.otp)
+      // console.log(
+      //   '-------------------- ------------------- ---------------------------------------------------',
+      // )
 
       if (otp.otp === userOtp) {
         // OTP matched