From 47b777dbaf80be9701a01ff949f061b57f5af6dc Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 16:44:27 -0700
Subject: [PATCH 1/6] Create Paths global

---
 lib/globals.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/lib/globals.js b/lib/globals.js
index edbacbf..8b555d7 100644
--- a/lib/globals.js
+++ b/lib/globals.js
@@ -412,3 +412,9 @@ export const Durations = [
   { label: 'Summer', value: 'SUMMER' },
   { label: 'Year Round', value: 'YEAR_ROUND' },
 ];
+
+export const Paths = {
+  LandingPage: '/',
+  PostsPage: '/posts',
+  ManagePostsPage: '/manage-posts',
+};

From 7ae36c04334da6c05bf108cefcb5435dc9341ebb Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 16:58:43 -0700
Subject: [PATCH 2/6] Use Paths global

---
 components/NavBar.jsx                   |   8 +-
 components/ResearcherSidebar.jsx        |   7 +-
 pages/account-type.jsx                  |   5 +-
 pages/api/applications/[jobId]/apply.js |   3 +-
 pages/api/jobs/[jobId]/close.js         |   3 +-
 pages/api/jobs/[jobId]/edit.js          |   3 +-
 pages/api/jobs/create.js                |   3 +-
 pages/job/[jobId]/edit.jsx              |   6 +-
 pages/job/create.jsx                    |   4 +-
 pages/researcher/profile/create.jsx     |   4 +-
 pages/student/profile/add.jsx           | 457 ++++++++++++------------
 11 files changed, 257 insertions(+), 246 deletions(-)

diff --git a/components/NavBar.jsx b/components/NavBar.jsx
index 4ee83eb..0473612 100644
--- a/components/NavBar.jsx
+++ b/components/NavBar.jsx
@@ -3,6 +3,7 @@ import { Fragment } from 'react';
 import { useSession, signOut } from 'next-auth/react';
 import { Menu, Transition } from '@headlessui/react';
 import { useEffect, useState } from 'react';
+import { Paths } from '@lib/globals';
 
 export default function NavBar({ pathname }) {
   const { data: session } = useSession();
@@ -31,7 +32,7 @@ export default function NavBar({ pathname }) {
 
   return (
     <nav className="h-24 flex px-12 py-6 justify-between items-center text-[1.375rem] leading-7 font-medium bg-white">
-      <Link href="/">
+      <Link href={Paths.PostsPage}>
         <svg
           width="201"
           height="49"
@@ -72,7 +73,10 @@ export default function NavBar({ pathname }) {
       <div className="flex gap-x-[3.75rem]">
         {/* Makes links pop in at same time */}
         {accountType !== null && (
-          <Link href="/" className={pathname === '/' ? 'text-dark-blue font-extrabold' : ''}>
+          <Link
+            href={Paths.PostsPage}
+            className={pathname === Paths.PostsPage ? 'text-dark-blue font-extrabold' : ''}
+          >
             Opportunities
           </Link>
         )}
diff --git a/components/ResearcherSidebar.jsx b/components/ResearcherSidebar.jsx
index fab04c4..a5be6fd 100644
--- a/components/ResearcherSidebar.jsx
+++ b/components/ResearcherSidebar.jsx
@@ -1,5 +1,6 @@
 import Link from 'next/link';
 import { useRouter } from 'next/router';
+import { Paths } from '@lib/globals';
 
 export default function ResearcherSidebar() {
   const router = useRouter();
@@ -7,7 +8,7 @@ export default function ResearcherSidebar() {
   return (
     <aside className="w-[15.5rem] fixed">
       <div className="flex flex-col h-screen items-center bg-white">
-        <Link href="/">
+        <Link href={Paths.PostsPage}>
           <svg
             width="199"
             height="44"
@@ -98,10 +99,10 @@ export default function ResearcherSidebar() {
           <span className="ml-2 font-medium text-lg">Dashboard</span>
         </Link>
         <Link
-          href="/posts"
+          href={Paths.ManagePostsPage}
           className={
             'flex items-center w-[12.25rem] h-14 rounded-lg' +
-            (pathname === '/posts' ? ' bg-light-blue/20' : '')
+            (pathname === Paths.ManagePostsPage ? ' bg-light-blue/20' : '')
           }
         >
           <svg
diff --git a/pages/account-type.jsx b/pages/account-type.jsx
index 5f00510..5439082 100644
--- a/pages/account-type.jsx
+++ b/pages/account-type.jsx
@@ -3,6 +3,7 @@ import Head from 'next/head';
 import Image from 'next/image';
 import { useRouter } from 'next/router';
 import { getSession } from 'next-auth/react';
+import { Paths } from '@lib/globals';
 
 function AccountType() {
   const router = useRouter();
@@ -22,7 +23,7 @@ function AccountType() {
         const responseBody = await res.json();
         if (responseBody?.message?.startsWith('Student al')) {
           await getSession(); // calls jwt callback to update accountType
-          await router.push('/');
+          await router.push(Paths.PostsPage);
         }
       }
     } catch (e) {}
@@ -43,7 +44,7 @@ function AccountType() {
         const responseBody = await res.json();
         if (responseBody?.message?.startsWith('Researcher al')) {
           await getSession(); // calls jwt callback to update accountType
-          await router.push('/');
+          await router.push(Paths.PostsPage);
         }
       }
     } catch (e) {}
diff --git a/pages/api/applications/[jobId]/apply.js b/pages/api/applications/[jobId]/apply.js
index 280332b..984774f 100644
--- a/pages/api/applications/[jobId]/apply.js
+++ b/pages/api/applications/[jobId]/apply.js
@@ -1,6 +1,7 @@
 import { Prisma } from 'prisma/prisma-client';
 
 import ApiRoute from '@lib/ApiRoute';
+import { Paths } from '@lib/globals';
 
 class ApplicationsApplyRoute extends ApiRoute {
   /**
@@ -59,7 +60,7 @@ class ApplicationsApplyRoute extends ApiRoute {
         },
       });
       await res.revalidate(`/job/${jobId}`);
-      await res.revalidate('/');
+      await res.revalidate(Paths.PostsPage);
 
       return res.json(result);
     } catch (e) {
diff --git a/pages/api/jobs/[jobId]/close.js b/pages/api/jobs/[jobId]/close.js
index a75f79d..9c3c11b 100644
--- a/pages/api/jobs/[jobId]/close.js
+++ b/pages/api/jobs/[jobId]/close.js
@@ -1,5 +1,6 @@
 import { Prisma } from 'prisma/prisma-client';
 import ApiRoute from '@lib/ApiRoute';
+import { Paths } from '@lib/globals';
 
 class CloseJobRoute extends ApiRoute {
   /**
@@ -46,7 +47,7 @@ class CloseJobRoute extends ApiRoute {
       });
 
       await res.revalidate(`/job/${updatedJob.id}`);
-      await res.revalidate('/');
+      await res.revalidate(Paths.PostsPage);
 
       res.status(200).json(updatedJob);
     } catch (e) {
diff --git a/pages/api/jobs/[jobId]/edit.js b/pages/api/jobs/[jobId]/edit.js
index 62600ce..4d6fa90 100644
--- a/pages/api/jobs/[jobId]/edit.js
+++ b/pages/api/jobs/[jobId]/edit.js
@@ -6,6 +6,7 @@ import DOMPurify from 'dompurify';
 const window = new JSDOM('').window;
 const purify = DOMPurify(window);
 import ApiRoute from '@lib/ApiRoute';
+import { Paths } from '@lib/globals';
 
 class EditJobRoute extends ApiRoute {
   /**
@@ -128,7 +129,7 @@ class EditJobRoute extends ApiRoute {
       });
 
       await res.revalidate(`/job/${updatedJob.id}`);
-      await res.revalidate('/');
+      await res.revalidate(Paths.PostsPage);
 
       res.status(200).json(updatedJob);
     } catch (e) {
diff --git a/pages/api/jobs/create.js b/pages/api/jobs/create.js
index 941d272..5810733 100644
--- a/pages/api/jobs/create.js
+++ b/pages/api/jobs/create.js
@@ -6,6 +6,7 @@ import DOMPurify from 'dompurify';
 const window = new JSDOM('').window;
 const purify = DOMPurify(window);
 import ApiRoute from '@lib/ApiRoute';
+import { Paths } from '@lib/globals';
 
 /* example POST request body
 {
@@ -123,7 +124,7 @@ class JobCreationRoute extends ApiRoute {
       });
 
       await res.revalidate(`/job/${result.id}`);
-      await res.revalidate('/');
+      await res.revalidate(Paths.PostsPage);
 
       res.status(200).json(result);
     } catch (e) {
diff --git a/pages/job/[jobId]/edit.jsx b/pages/job/[jobId]/edit.jsx
index 7a2982d..f4672f5 100644
--- a/pages/job/[jobId]/edit.jsx
+++ b/pages/job/[jobId]/edit.jsx
@@ -9,7 +9,7 @@ import 'react-quill/dist/quill.snow.css';
 import ResearcherSidebar from '../../../components/ResearcherSidebar';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import { Departments, Durations } from '@lib/globals';
+import { Departments, Durations, Paths } from '@lib/globals';
 
 // https://github.com/zenoamaro/react-quill/issues/718#issuecomment-873541445
 // https://github.com/zenoamaro/react-quill/issues/596#issuecomment-1207420071
@@ -136,7 +136,7 @@ function EditJobPosting() {
         method: 'PATCH',
       });
       if (res.status === 200) {
-        await router.push('/posts');
+        await router.push(Paths.ManagePostsPage);
       }
     } catch (e) {}
     setIsSubmitting(false);
@@ -171,7 +171,7 @@ function EditJobPosting() {
         },
       });
       if (res.status === 200) {
-        await router.push('/posts');
+        await router.push(Paths.ManagePostsPage);
       }
     } catch (e) {}
     setIsSubmitting(false);
diff --git a/pages/job/create.jsx b/pages/job/create.jsx
index 047ce6c..9cef034 100644
--- a/pages/job/create.jsx
+++ b/pages/job/create.jsx
@@ -9,7 +9,7 @@ import 'react-quill/dist/quill.snow.css';
 import ResearcherSidebar from '../../components/ResearcherSidebar';
 import DatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
-import { Departments, Durations } from '@lib/globals';
+import { Departments, Durations, Paths } from '@lib/globals';
 
 // https://github.com/zenoamaro/react-quill/issues/718#issuecomment-873541445
 // https://github.com/zenoamaro/react-quill/issues/596#issuecomment-1207420071
@@ -129,7 +129,7 @@ function CreateJobPosting() {
         },
       });
       if (res.status === 200) {
-        await router.push('/posts');
+        await router.push(Paths.ManagePostsPage);
       }
     } catch (e) {}
     setIsSubmitting(false);
diff --git a/pages/researcher/profile/create.jsx b/pages/researcher/profile/create.jsx
index 2ae4ac9..c73e77c 100644
--- a/pages/researcher/profile/create.jsx
+++ b/pages/researcher/profile/create.jsx
@@ -4,7 +4,7 @@ import { useRouter } from 'next/router';
 import { useForm, Controller } from 'react-hook-form';
 import { joiResolver } from '@hookform/resolvers/joi';
 import { ResearcherProfileCreationValidator } from '@lib/validators';
-import { Departments } from '@lib/globals';
+import { Departments, Paths } from '@lib/globals';
 
 function OnboardingPage() {
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -32,7 +32,7 @@ function OnboardingPage() {
         },
       });
       if (res.status === 200) {
-        await router.push('/posts');
+        await router.push(Paths.ManagePostsPage);
       }
     } catch (e) {}
     setIsSubmitting(false);
diff --git a/pages/student/profile/add.jsx b/pages/student/profile/add.jsx
index b9fc0bb..9e93e49 100644
--- a/pages/student/profile/add.jsx
+++ b/pages/student/profile/add.jsx
@@ -7,6 +7,7 @@ import Head from 'next/head';
 import CreatableSelect from 'react-select/creatable';
 import { useEffect, useState } from 'react';
 import { useDropzone } from 'react-dropzone';
+import { Paths } from '@lib/globals';
 
 function DisabledInput({ id, value, ...props }) {
   if (!id || value === undefined || Object.keys(props).length) {
@@ -138,256 +139,256 @@ function AddToProfile() {
       <Head>
         <title>Add to Profile</title>
       </Head>
-    <div className="flex flex-col items-center">
-      {/* <main className="max-w-5xl min-w-[80%]"> */}
-      <main className="w-[80%] max-w-6xl">
-        {/* <main className="max-w-[100rem]"> */}
-        {/* TODO: fix above main width */}
-        <div className="flex justify-center mb-9 mt-4">
-          <h1 className="font-bold nocommonligs text-3xl">Add More Details</h1>
-        </div>
-        <form onSubmit={handleSubmit(onSubmit)}>
-          {/* <div className="flex mb-9">
+      <div className="flex flex-col items-center">
+        {/* <main className="max-w-5xl min-w-[80%]"> */}
+        <main className="w-[80%] max-w-6xl">
+          {/* <main className="max-w-[100rem]"> */}
+          {/* TODO: fix above main width */}
+          <div className="flex justify-center mb-9 mt-4">
+            <h1 className="font-bold nocommonligs text-3xl">Add More Details</h1>
+          </div>
+          <form onSubmit={handleSubmit(onSubmit)}>
+            {/* <div className="flex mb-9">
             <h2 className="font-bold text-2xl">Personal Information</h2>
           </div> */}
-          <div className="mb-9">
-            <div className="flex flex-col basis-1/2 gap-y-3">
-              <label htmlFor="resumeUpload" className="font-bold text-base">
-                Resume Upload*
-              </label>
-              <div className="flex gap-2">
-                <div
-                  {...getRootProps({ className: 'dropzone' })}
-                  className={
-                    'border-dashed border-2 p-5 active:border-blue-500 text-center w-full' +
-                    (pdfError ? ' border-red-600' : '')
-                  }
-                >
-                  <input {...getInputProps()} />
-                  <p>
-                    {pdfError ||
-                      (pdf ? (
-                        `Successfully attached ${pdf.name}`
-                      ) : (
-                        <>
-                          Click to Upload or Drag and Drop
-                          <br />
-                          PDF File up to 100 KB
-                        </>
-                      ))}
-                  </p>
-                </div>
-                <button
-                  className={pdf ? '' : 'invisible'}
-                  onClick={() => {
-                    setPDF(null);
-                    setPDFError(null);
-                  }}
-                >
-                  <svg
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    xmlns="http://www.w3.org/2000/svg"
+            <div className="mb-9">
+              <div className="flex flex-col basis-1/2 gap-y-3">
+                <label htmlFor="resumeUpload" className="font-bold text-base">
+                  Resume Upload*
+                </label>
+                <div className="flex gap-2">
+                  <div
+                    {...getRootProps({ className: 'dropzone' })}
+                    className={
+                      'border-dashed border-2 p-5 active:border-blue-500 text-center w-full' +
+                      (pdfError ? ' border-red-600' : '')
+                    }
                   >
-                    <path
-                      d="M21.0699 5.23C19.4599 5.07 17.8499 4.95 16.2299 4.86V4.85L16.0099 3.55C15.8599 2.63 15.6399 1.25 13.2999 1.25H10.6799C8.34991 1.25 8.12991 2.57 7.96991 3.54L7.75991 4.82C6.82991 4.88 5.89991 4.94 4.96991 5.03L2.92991 5.23C2.50991 5.27 2.20991 5.64 2.24991 6.05C2.28991 6.46 2.64991 6.76 3.06991 6.72L5.10991 6.52C10.3499 6 15.6299 6.2 20.9299 6.73C20.9599 6.73 20.9799 6.73 21.0099 6.73C21.3899 6.73 21.7199 6.44 21.7599 6.05C21.7899 5.64 21.4899 5.27 21.0699 5.23Z"
-                      fill="#292D32"
-                    />
-                    <path
-                      d="M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14ZM13.66 17.75H10.33C9.91999 17.75 9.57999 17.41 9.57999 17C9.57999 16.59 9.91999 16.25 10.33 16.25H13.66C14.07 16.25 14.41 16.59 14.41 17C14.41 17.41 14.07 17.75 13.66 17.75ZM14.5 13.75H9.49999C9.08999 13.75 8.74999 13.41 8.74999 13C8.74999 12.59 9.08999 12.25 9.49999 12.25H14.5C14.91 12.25 15.25 12.59 15.25 13C15.25 13.41 14.91 13.75 14.5 13.75Z"
-                      fill="#292D32"
-                    />
-                  </svg>
-                </button>
+                    <input {...getInputProps()} />
+                    <p>
+                      {pdfError ||
+                        (pdf ? (
+                          `Successfully attached ${pdf.name}`
+                        ) : (
+                          <>
+                            Click to Upload or Drag and Drop
+                            <br />
+                            PDF File up to 100 KB
+                          </>
+                        ))}
+                    </p>
+                  </div>
+                  <button
+                    className={pdf ? '' : 'invisible'}
+                    onClick={() => {
+                      setPDF(null);
+                      setPDFError(null);
+                    }}
+                  >
+                    <svg
+                      width="24"
+                      height="24"
+                      viewBox="0 0 24 24"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M21.0699 5.23C19.4599 5.07 17.8499 4.95 16.2299 4.86V4.85L16.0099 3.55C15.8599 2.63 15.6399 1.25 13.2999 1.25H10.6799C8.34991 1.25 8.12991 2.57 7.96991 3.54L7.75991 4.82C6.82991 4.88 5.89991 4.94 4.96991 5.03L2.92991 5.23C2.50991 5.27 2.20991 5.64 2.24991 6.05C2.28991 6.46 2.64991 6.76 3.06991 6.72L5.10991 6.52C10.3499 6 15.6299 6.2 20.9299 6.73C20.9599 6.73 20.9799 6.73 21.0099 6.73C21.3899 6.73 21.7199 6.44 21.7599 6.05C21.7899 5.64 21.4899 5.27 21.0699 5.23Z"
+                        fill="#292D32"
+                      />
+                      <path
+                        d="M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14ZM13.66 17.75H10.33C9.91999 17.75 9.57999 17.41 9.57999 17C9.57999 16.59 9.91999 16.25 10.33 16.25H13.66C14.07 16.25 14.41 16.59 14.41 17C14.41 17.41 14.07 17.75 13.66 17.75ZM14.5 13.75H9.49999C9.08999 13.75 8.74999 13.41 8.74999 13C8.74999 12.59 9.08999 12.25 9.49999 12.25H14.5C14.91 12.25 15.25 12.59 15.25 13C15.25 13.41 14.91 13.75 14.5 13.75Z"
+                        fill="#292D32"
+                      />
+                    </svg>
+                  </button>
+                </div>
               </div>
             </div>
-          </div>
 
-          <div className="flex justify-between gap-x-10 mb-9">
-            <div className="flex flex-col basis-1/2 gap-y-3">
-              <label htmlFor="skills" className="font-bold text-base">
-                Skills
-              </label>
-              {/* https://stackoverflow.com/questions/50229792/adding-a-new-line-in-a-jsx-string-inside-a-paragraph-react */}
-              <CreatableSelect
-                isMulti
-                id="skills"
-                instanceId="skills"
-                // options={[{ option: 'd' }]}
-                placeholder=""
-                formatCreateLabel={(s) => s}
-                // onCreateOption={(s) => {
-                //   setSkills((sk) => {
-                //     return [...sk, s];
-                //   });
-                // }}
-                // getNewOptionData={(inputVal) => {
-                //   console.log({ inputVal }, 'getNew');
-                // }}
-                isValidNewOption={(s) => s.trim().length > 0}
-                onChange={(opt, meta) => {
-                  // console.log({ opt, meta });
-                  if (meta.action === 'create-option') {
-                    setSkills((sk) => [...sk, meta.option.value]);
-                  } else if (meta.action === 'pop-value') {
-                    setSkills((sk) => sk.slice(0, -1));
-                  } else if (meta.action === 'remove-value') {
-                    setSkills((sk) => {
-                      const skillsCopy = [...sk];
-                      const index = skillsCopy.indexOf(meta.removedValue.value);
-                      if (index >= 0) {
-                        skillsCopy.splice(index, 1);
-                      }
-                      return skillsCopy;
-                    });
-                  } else if (meta.action === 'clear') {
-                    setSkills([]);
-                  }
-                }}
-                // max={3}
-              />
-            </div>
-            <div
-              className="basis-1/2 invisible border-solid border-2 border-black"
-              aria-hidden="true"
-            ></div>
-            {/* TODO: Use this instead of only using react-select */}
-            {/* {skills.map((s) => (
+            <div className="flex justify-between gap-x-10 mb-9">
+              <div className="flex flex-col basis-1/2 gap-y-3">
+                <label htmlFor="skills" className="font-bold text-base">
+                  Skills
+                </label>
+                {/* https://stackoverflow.com/questions/50229792/adding-a-new-line-in-a-jsx-string-inside-a-paragraph-react */}
+                <CreatableSelect
+                  isMulti
+                  id="skills"
+                  instanceId="skills"
+                  // options={[{ option: 'd' }]}
+                  placeholder=""
+                  formatCreateLabel={(s) => s}
+                  // onCreateOption={(s) => {
+                  //   setSkills((sk) => {
+                  //     return [...sk, s];
+                  //   });
+                  // }}
+                  // getNewOptionData={(inputVal) => {
+                  //   console.log({ inputVal }, 'getNew');
+                  // }}
+                  isValidNewOption={(s) => s.trim().length > 0}
+                  onChange={(opt, meta) => {
+                    // console.log({ opt, meta });
+                    if (meta.action === 'create-option') {
+                      setSkills((sk) => [...sk, meta.option.value]);
+                    } else if (meta.action === 'pop-value') {
+                      setSkills((sk) => sk.slice(0, -1));
+                    } else if (meta.action === 'remove-value') {
+                      setSkills((sk) => {
+                        const skillsCopy = [...sk];
+                        const index = skillsCopy.indexOf(meta.removedValue.value);
+                        if (index >= 0) {
+                          skillsCopy.splice(index, 1);
+                        }
+                        return skillsCopy;
+                      });
+                    } else if (meta.action === 'clear') {
+                      setSkills([]);
+                    }
+                  }}
+                  // max={3}
+                />
+              </div>
+              <div
+                className="basis-1/2 invisible border-solid border-2 border-black"
+                aria-hidden="true"
+              ></div>
+              {/* TODO: Use this instead of only using react-select */}
+              {/* {skills.map((s) => (
                         <ul key={s}>{s}</ul>
                       ))} */}
-          </div>
-          <div className="flex justify-between gap-x-10 mb-9">
-            <div className="flex flex-col basis-1/2 gap-y-3">
-              <label htmlFor="labExperience" className="text-base">
-                <span className="font-bold">Lab Experience</span> (optional)
-              </label>
-              {/* https://stackoverflow.com/questions/50229792/adding-a-new-line-in-a-jsx-string-inside-a-paragraph-react */}
-              <textarea
-                id="labExperience"
-                className={`border-solid border-2 h-40 text-base px-3 nocommonligs resize-none py-3 rounded ${
-                  errors.labExperience ? 'border-red-600' : 'border-black'
-                }`}
-                {...register('labExperience')}
-              ></textarea>
             </div>
-            <div
-              className="basis-1/2 invisible border-solid border-2 border-black"
-              aria-hidden="true"
-            ></div>
-          </div>
-          <div className="flex justify-between gap-x-10 mb-9">
-            <div className="flex flex-col basis-1/2 gap-y-3">
-              <label htmlFor="relevantCoursework" className="text-base">
-                <span className="font-bold">Relevant Coursework</span> (optional)
-              </label>
-              <textarea
-                id="relevantCoursework"
-                className={`border-solid border-2 h-40 text-base px-3 nocommonligs resize-none py-3 rounded ${
-                  errors.coursework ? 'border-red-600' : 'border-black'
-                }`}
-                {...register('coursework')}
-              ></textarea>
+            <div className="flex justify-between gap-x-10 mb-9">
+              <div className="flex flex-col basis-1/2 gap-y-3">
+                <label htmlFor="labExperience" className="text-base">
+                  <span className="font-bold">Lab Experience</span> (optional)
+                </label>
+                {/* https://stackoverflow.com/questions/50229792/adding-a-new-line-in-a-jsx-string-inside-a-paragraph-react */}
+                <textarea
+                  id="labExperience"
+                  className={`border-solid border-2 h-40 text-base px-3 nocommonligs resize-none py-3 rounded ${
+                    errors.labExperience ? 'border-red-600' : 'border-black'
+                  }`}
+                  {...register('labExperience')}
+                ></textarea>
+              </div>
+              <div
+                className="basis-1/2 invisible border-solid border-2 border-black"
+                aria-hidden="true"
+              ></div>
             </div>
-            <div
-              className="basis-1/2 invisible border-solid border-2 border-black"
-              aria-hidden="true"
-            ></div>
-          </div>
-          <div className="flex justify-between gap-x-10 mb-9">
-            <div className="flex flex-col basis-1/2 gap-y-3">
-              <label htmlFor="links" className="text-base">
-                <span className="font-bold">Additional Links</span> (Portfolio, Website, GitHub)
-              </label>
-              <CreatableSelect
-                isMulti
-                id="links"
-                instanceId="links"
-                // options={[{ option: 'd' }]}
-                placeholder=""
-                formatOptionLabel={({ value }) =>
-                  value.startsWith('http') ? value : `https://${value}`
-                }
-                formatCreateLabel={(s) => (s.startsWith('http') ? s : `https://${s}`)}
-                isValidNewOption={(s) => {
-                  if (s.trim().length === 0) {
-                    return false;
-                  }
-                  let { error } = SecondProfileCreationValidator.validate({
-                    skills: [],
-                    links: [s],
-                  });
-                  if (error) {
-                    ({ error } = SecondProfileCreationValidator.validate({
-                      skills: [],
-                      links: [`https://${s}`],
-                    }));
+            <div className="flex justify-between gap-x-10 mb-9">
+              <div className="flex flex-col basis-1/2 gap-y-3">
+                <label htmlFor="relevantCoursework" className="text-base">
+                  <span className="font-bold">Relevant Coursework</span> (optional)
+                </label>
+                <textarea
+                  id="relevantCoursework"
+                  className={`border-solid border-2 h-40 text-base px-3 nocommonligs resize-none py-3 rounded ${
+                    errors.coursework ? 'border-red-600' : 'border-black'
+                  }`}
+                  {...register('coursework')}
+                ></textarea>
+              </div>
+              <div
+                className="basis-1/2 invisible border-solid border-2 border-black"
+                aria-hidden="true"
+              ></div>
+            </div>
+            <div className="flex justify-between gap-x-10 mb-9">
+              <div className="flex flex-col basis-1/2 gap-y-3">
+                <label htmlFor="links" className="text-base">
+                  <span className="font-bold">Additional Links</span> (Portfolio, Website, GitHub)
+                </label>
+                <CreatableSelect
+                  isMulti
+                  id="links"
+                  instanceId="links"
+                  // options={[{ option: 'd' }]}
+                  placeholder=""
+                  formatOptionLabel={({ value }) =>
+                    value.startsWith('http') ? value : `https://${value}`
                   }
-                  return !error;
-                }}
-                onChange={(opt, meta) => {
-                  // console.log({ opt, meta });
-                  if (meta.action === 'create-option') {
+                  formatCreateLabel={(s) => (s.startsWith('http') ? s : `https://${s}`)}
+                  isValidNewOption={(s) => {
+                    if (s.trim().length === 0) {
+                      return false;
+                    }
                     let { error } = SecondProfileCreationValidator.validate({
                       skills: [],
-                      links: [meta.option.value],
+                      links: [s],
                     });
                     if (error) {
                       ({ error } = SecondProfileCreationValidator.validate({
                         skills: [],
-                        links: [`https://${meta.option.value}`],
+                        links: [`https://${s}`],
                       }));
                     }
-                    if (error) {
-                      return;
-                    }
-                    if (meta.option.value.startsWith('http')) {
-                      setLinks((l) => [...l, meta.option.value]);
-                    } else {
-                      setLinks((l) => [...l, `https://${meta.option.value}`]);
-                    }
-                  } else if (meta.action === 'pop-value') {
-                    setLinks((l) => l.slice(0, -1));
-                  } else if (meta.action === 'remove-value') {
-                    setLinks((l) => {
-                      const linksCopy = [...l];
-                      const index = linksCopy.indexOf(meta.removedValue.value);
-                      if (index >= 0) {
-                        linksCopy.splice(index, 1);
+                    return !error;
+                  }}
+                  onChange={(opt, meta) => {
+                    // console.log({ opt, meta });
+                    if (meta.action === 'create-option') {
+                      let { error } = SecondProfileCreationValidator.validate({
+                        skills: [],
+                        links: [meta.option.value],
+                      });
+                      if (error) {
+                        ({ error } = SecondProfileCreationValidator.validate({
+                          skills: [],
+                          links: [`https://${meta.option.value}`],
+                        }));
                       }
-                      return linksCopy;
-                    });
-                  } else if (meta.action === 'clear') {
-                    setLinks([]);
-                  }
-                }}
-              />
+                      if (error) {
+                        return;
+                      }
+                      if (meta.option.value.startsWith('http')) {
+                        setLinks((l) => [...l, meta.option.value]);
+                      } else {
+                        setLinks((l) => [...l, `https://${meta.option.value}`]);
+                      }
+                    } else if (meta.action === 'pop-value') {
+                      setLinks((l) => l.slice(0, -1));
+                    } else if (meta.action === 'remove-value') {
+                      setLinks((l) => {
+                        const linksCopy = [...l];
+                        const index = linksCopy.indexOf(meta.removedValue.value);
+                        if (index >= 0) {
+                          linksCopy.splice(index, 1);
+                        }
+                        return linksCopy;
+                      });
+                    } else if (meta.action === 'clear') {
+                      setLinks([]);
+                    }
+                  }}
+                />
+              </div>
+              <div
+                className="basis-1/2 invisible border-solid border-2 border-black"
+                aria-hidden="true"
+              ></div>
             </div>
-            <div
-              className="basis-1/2 invisible border-solid border-2 border-black"
-              aria-hidden="true"
-            ></div>
-          </div>
 
-          <div className="flex justify-end gap-x-3">
-            <Link
-              href="/"
-              className="px-6 py-4 -600 bg-white text-blue-600 border-blue-600 border-2  font-bold text-xl rounded-xl nocommonligs mb-3"
-            >
-              Skip for now
-            </Link>
-            <button
-              className="px-6 py-4 bg-blue-600 text-white font-bold text-xl rounded-xl nocommonligs mb-3 disabled:opacity-75"
-              type="submit"
-              disabled={isSubmitting}
-            >
-              Complete
-            </button>
-          </div>
-        </form>
-      </main>
-    </div>
+            <div className="flex justify-end gap-x-3">
+              <Link
+                href={Paths.PostsPage}
+                className="px-6 py-4 -600 bg-white text-blue-600 border-blue-600 border-2  font-bold text-xl rounded-xl nocommonligs mb-3"
+              >
+                Skip for now
+              </Link>
+              <button
+                className="px-6 py-4 bg-blue-600 text-white font-bold text-xl rounded-xl nocommonligs mb-3 disabled:opacity-75"
+                type="submit"
+                disabled={isSubmitting}
+              >
+                Complete
+              </button>
+            </div>
+          </form>
+        </main>
+      </div>
     </>
   );
 }

From 9e4de7d656868070a963bfe570c8b1268b72ee98 Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:02:08 -0700
Subject: [PATCH 3/6] Change /posts to /manage-posts

---
 pages/{posts.jsx => manage-posts.jsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename pages/{posts.jsx => manage-posts.jsx} (100%)

diff --git a/pages/posts.jsx b/pages/manage-posts.jsx
similarity index 100%
rename from pages/posts.jsx
rename to pages/manage-posts.jsx

From fe8004e12461bd487f2a8eae418a99672e4adf08 Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:02:28 -0700
Subject: [PATCH 4/6] Change / to /posts

---
 pages/{index.jsx => posts.jsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename pages/{index.jsx => posts.jsx} (100%)

diff --git a/pages/index.jsx b/pages/posts.jsx
similarity index 100%
rename from pages/index.jsx
rename to pages/posts.jsx

From 429e1ec137e92ab9c381b4a8e0ba001ea2905b78 Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:02:50 -0700
Subject: [PATCH 5/6] Change /about to /

---
 pages/{about.jsx => index.jsx} | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename pages/{about.jsx => index.jsx} (100%)

diff --git a/pages/about.jsx b/pages/index.jsx
similarity index 100%
rename from pages/about.jsx
rename to pages/index.jsx

From d06c4152f0cc475084ed1b5a31dc6c4d73cef257 Mon Sep 17 00:00:00 2001
From: Joseph Yu <39754176+joseph082@users.noreply.github.com>
Date: Fri, 5 Apr 2024 17:06:28 -0700
Subject: [PATCH 6/6] Fix NavBar in /posts

---
 pages/posts.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/pages/posts.jsx b/pages/posts.jsx
index 5cd6753..9b19397 100644
--- a/pages/posts.jsx
+++ b/pages/posts.jsx
@@ -9,7 +9,7 @@ import { useForm } from 'react-hook-form';
 import { joiResolver } from '@hookform/resolvers/joi';
 import { JobSearchValidator } from '@lib/validators';
 import Head from 'next/head';
-import { Departments, Majors } from '@lib/globals';
+import { Departments, Majors, Paths } from '@lib/globals';
 
 function ResearcherJobCard({
   id,
@@ -413,7 +413,7 @@ function Home({ jobs: originalJobs }) {
       <Head>
         <title>bResearch</title>
       </Head>
-      <NavBar pathname="/" />
+      <NavBar pathname={Paths.PostsPage} />
       <main className="min-h-screen bg-light-gray pt-9 pl-[3.75rem]">
         <div className="flex gap-9 flex-col">
           <div className="flex">