Homepage frontend changes- Sagar (#114)

Author: RafaelCenzano

package-lock.json

@@ -19,7 +19,7 @@
     "glob": "^11.0.0",
     "lru-cache": "^11.0.1",
     "postcss-resolve-url": "^0.0.1",
-    "react": "^18.0.0",
+    "react": "^18.3.1",
     "react-cookie": "^7.2.2",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.53.2",

package.json

@@ -16,8 +16,9 @@ interface AuthProviderProps {
 }
 
 export const AuthProvider = ({ children }: AuthProviderProps) => {
-    const [auth, setAuth] = useState<{ isAuthenticated: boolean }>({
+    const [auth, setAuth] = useState<{ isAuthenticated: boolean; token: string | null }>({
         isAuthenticated: false,
+        token: null,
     });
 
     const checkAuth = async () => {

src/context/AuthContext.tsx

@@ -4,36 +4,38 @@ import logo from "../../../images/LabConnect_Logo.webp";
 import { useAuth } from "../../../context/AuthContext.tsx";
 
 export default function StickyFooter() {
-
   const { auth } = useAuth();
 
   const routes = auth.isAuthenticated
     ? [
-      { name: "Jobs", href: "/jobs", current: true },
-      { name: "Create", href: "/create", current: false },
-      { name: "Staff", href: "/staff", current: false },
-      { name: "Profile", href: "/profile", current: false },
-      { name: "Sign Out", href: "/signout", current: false },
-    ]
+        { name: "Jobs", href: "/jobs", current: true },
+        { name: "Create", href: "/create", current: false },
+        { name: "Staff", href: "/staff", current: false },
+        { name: "Profile", href: "/profile", current: false },
+        { name: "Sign Out", href: "/signout", current: false },
+      ]
     : [{ name: "Sign In", href: "/signin", current: false }];
 
   return (
     <section className="stickyfooter-general">
-      <h1 className="stickyfooter-header">
+      <h1 className="stickyfooter-header text-center text-2xl font-bold">
         Made by{" "}
-        <Link to="https://new.rcos.io" className="no-underline text-red-600 hover:text-red-800 focus:text-red-800">
+        <Link
+          to="https://new.rcos.io"
+          className="no-underline text-red-600 hover:text-red-800 focus:text-red-800"
+        >
           RCOS
         </Link>
       </h1>
-      <div className="stickyfooter-info mt-5">
+      <div className="stickyfooter-info mt-5 flex flex-col items-center">
         <div className="pb-3">
           <img src={logo} alt="LabConnect" width="160" height="160 / (319/289)" />
         </div>
 
-        <div className="w-40">
+        <div className="w-40 text-center">
           <div>
-            <b>Contact Us</b>
-            <p className="text-base">
+            <b className="text-xl">Contact Us</b>
+            <p className="text-lg">
               <Link
                 to="https://discord.gg/tsaxCKjYHT"
                 className="grey-link hover:text-neutral-950 focus:text-neutral-950"
@@ -51,14 +53,14 @@ export default function StickyFooter() {
             </p>
           </div>
         </div>
-        <div className="w-40">
-          <b>Resources</b>
+        <div className="w-40 text-center">
+          <b className="text-xl">Resources</b>
           <br />
           {routes.map((item) => (
             <React.Fragment key={item.name}>
               <Link
                 to={item.href}
-                className="grey-link hover:text-neutral-950 focus:text-neutral-950"
+                className="grey-link hover:text-neutral-950 focus:text-neutral-950 text-lg"
                 aria-current={item.current}
               >
                 {item.name}
@@ -67,7 +69,7 @@ export default function StickyFooter() {
             </React.Fragment>
           ))}
         </div>
-      </div >
-    </section >
+      </div>
+    </section>
   );
 }