From e2bb57cb359acf48ed9520a39e5c511b6ef1cfdd Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 22 Dec 2025 13:43:12 +0000
Subject: [PATCH] stringify user data before commiting to local storage

---
 packages/frontend/src/components/login-form.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/login-form.tsx b/packages/frontend/src/components/login-form.tsx
index f581d9e..379ae85 100644
--- a/packages/frontend/src/components/login-form.tsx
+++ b/packages/frontend/src/components/login-form.tsx
@@ -2,7 +2,7 @@ import { type ChangeEvent, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
-import { capitalise, cn, getAuthHeaders } from "@/lib/utils";
+import { capitalise, cn } from "@/lib/utils";
 
 function Field({
     label = "label",
@@ -63,7 +63,7 @@ export default function LogInForm() {
 
         fetch(`${serverURL}/auth/login`, {
             method: "POST",
-            headers: { "Content-Type": "application/json", ...getAuthHeaders() },
+            headers: { "Content-Type": "application/json" },
 
             body: JSON.stringify({ username, password }),
         })
@@ -72,7 +72,7 @@ export default function LogInForm() {
                     setError("");
                     const data = await res.json();
                     localStorage.setItem("token", data.token);
-                    localStorage.setItem("user", data.user);
+                    localStorage.setItem("user", JSON.stringify(data.user));
                     window.location.href = "";
                 }
                 // unauthorized
@@ -104,7 +104,7 @@ export default function LogInForm() {
 
         fetch(`${serverURL}/auth/register`, {
             method: "POST",
-            headers: { "Content-type": "application/json" },
+            headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
                 name,
                 username,
@@ -116,7 +116,7 @@ export default function LogInForm() {
                     setError("");
                     const data = await res.json();
                     localStorage.setItem("token", data.token);
-                    localStorage.setItem("user", data.user);
+                    localStorage.setItem("user", JSON.stringify(data.user));
                     window.location.href = "";
                 }
                 // bad request (probably a bad user input)