feat: base user auth added

client/Contexts/User.tsx

@@ -39,6 +39,9 @@ export const UserProvider = ({
     onSuccess: (res) => {
       console.log("User loaded", res);
     },
+    onFinally: () => {
+      console.log("User load finished");
+    },
   });
 
   const value: UserContextValue = useMemo(

client/pages/Home/index.module.scss

@@ -0,0 +1,7 @@
+.home {
+  p {
+    a {
+      color: var(--text-color);
+    }
+  }
+}

client/pages/Home/index.tsx

@@ -2,18 +2,19 @@ import React from "react";
 import { useUser } from "../../Contexts/User";
 import { Link } from "react-router-dom";
 import { logout } from "../../utils/auth";
+import styles from "./index.module.scss";
 
 function index() {
   const { isLoggedIn } = useUser();
 
   return (
-    <div>
+    <div className={styles.home}>
       {isLoggedIn ? (
         <p>Looks like you're logged in!</p>
       ) : (
         <p>
           Looks like you're not logged in. <Link to="/login">Login</Link> or{" "}
-          <Link to="/signup">Signup</Link>
+          <Link to="/signup">Signup</Link>.
         </p>
       )}
       {isLoggedIn && (

client/utils/auth.ts

@@ -2,7 +2,10 @@ import jwtDecode from "jwt-decode";
 import { api } from "./axios";
 
 export const getLoginUrl = (currentURL: string, reason: string) => {
-  const query = new URLSearchParams({ redirectUrl: currentURL, reason });
+  const query = new URLSearchParams({
+    redirectUrl: currentURL,
+    reason: reason || "none",
+  });
   return `/login?${query.toString()}`;
 };