Will-PR (#104)

Author: RafaelCenzano

src/App.tsx

@@ -25,7 +25,7 @@ function App() {
       <HelmetProvider>
         <section>
           <MainNavigation />
-          <main className="container-xl p-8">
+          <main className="flex flex-col min-h-screen p-8">
             <Routes>
               <Route path="/" element={<Home />} />
               <Route path="/health" element={<p>App is Healthy</p>} />

src/context/AuthContext.tsx

@@ -53,4 +53,5 @@ export const AuthProvider = ({ children }: AuthProviderProps) => {
     );
 };
 
-export const useAuth = () => useContext(AuthContext);
+export const useAuth = () => useContext(AuthContext);
+

src/opportunities/pages/Jobs.js

@@ -9,7 +9,7 @@ const Jobs = () => {
   var [pages, switchPage] = usePageNavigation(["Search", "Saved"], "Search");
 
   return (
-    <section className="flex flex-col h-screen justify-between gap-3">
+    <section className="flex flex-col h-screen justify-between gap-3 p-1">
       <section className="flex2 gap-3">
         <section>
           <PageNavigation title="Jobs" pages={pages} switchPage={switchPage} />

src/shared/components/Navigation/StickyFooter.tsx

@@ -51,7 +51,7 @@ export default function StickyFooter() {
             </p>
           </div>
         </div>
-        <div>
+        <div className="w-40">
           <b>Resources</b>
           <br />
           {routes.map((item) => (

src/shared/components/Profile/EditInformation.js

@@ -33,7 +33,7 @@ const EditInformation = ({className, id, name, department, researchCenter, descr
       className="flex2 gap-2"
     >
       <Input
-        label="Description"
+        label="Description (min. 5 characters)"
         type="textarea"
         name={"description"}
         errors={errors}

src/shared/pages/404.tsx

@@ -1,11 +1,16 @@
 import React from "react";
 import SEO from "../components/SEO.tsx";
+import { Link } from "react-router-dom";
 
 const PageNotFound = () => {
   return (
     <>
       <SEO title="404 Not Found" description="Not found page" />
-      <h1>Error: Page Not Found</h1>
+      <p className="text-4xl text-center pt-20">Whoops!</p>
+      <p className="text-xl text-center pt-8">It looks like that page couldn't be reached. Please click the link below to return to LabConnect or try refreshing the page</p>
+      <section className="pt-8 flex justify-center">
+        <Link to="/" className="btn btn-primary w-1/5 text-gray-200 bg-blue-600 hover:bg-blue-900 focus:bg-blue-900">Home</Link>
+      </section>
     </>
   );
 };

src/shared/pages/Home.tsx

@@ -8,19 +8,11 @@ const Home = () => {
     <section>
       <SEO title="Labconnect" description="Labconnect home page" />
       <section className="home-general">
-        <br />
-        <br />
-        <br />
-        <div className="img-center">
+        <div className="img-center pt-28">
           <img src={logo} alt="LabConnect" height="289" />
         </div>
 
-        <br />
-        <br />
-        <br />
-        <br />
-
-        <h1 className="text-xl">Welcome to LabConnect!</h1>
+        <h1 className="text-xl pt-32">Welcome to LabConnect!</h1>
         <br />
         <p className="text-base">
           If you are a student, go to the{" "}
@@ -34,7 +26,7 @@ const Home = () => {
             <b>Sign In</b>
           </Link>{" "}
           and then go to{" "}
-          <Link to="/createPost" className="blue-link text-blue-600 hover:text-blue-900 focus:text-blue-900">
+          <Link to="/create" className="blue-link text-blue-600 hover:text-blue-900 focus:text-blue-900">
             <b>Create</b>
           </Link>{" "}
           to start posting <br />
@@ -44,9 +36,6 @@ const Home = () => {
           </Link>{" "}
           to view and edit your current posts.
         </p>
-        <br />
-        <br />
-        <br />
       </section>
     </section>
   );

src/shared/pages/LoginRedirect.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import SEO from "../components/SEO.tsx";
+import { Link } from "react-router-dom";
+const LoginRedirect = () => {
+  return (
+    <>
+        <p className="text-4xl text-center pt-20">Whoops!</p>
+        <p className="text-xl text-center pt-8">It looks like you're not logged in. Click the button below and log in to see this page</p>
+        <section className="pt-8 flex justify-center">
+          <Link to="/login" className="btn btn-primary w-1/5">Log In</Link>
+        </section>
+    </>
+  );
+};
+export default LoginRedirect;

src/staff/components/Checkbox.tsx

@@ -20,7 +20,7 @@ const CheckBox = ({
           <p className="text-red-500">{errorMessage}</p>
         )}
 
-        <div className="flex2 gap-2">
+        <div className="flex2">
           {options &&
             options.map((item) => {
               return (