From 6018440126ac989d9a14d0c5d0eacbe1fa0cf448 Mon Sep 17 00:00:00 2001
From: KiranRajeev-KV <kiranrajeevkv@gmail.com>
Date: Sun, 28 Dec 2025 04:02:21 +0530
Subject: [PATCH 1/5] fix: update backend URL in .env.example for correct API
 endpoint

---
 .env.example | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.env.example b/.env.example
index 4a84447..40d1099 100644
--- a/.env.example
+++ b/.env.example
@@ -1 +1 @@
-NEXT_PUBLIC_BACKEND_URL="http://127.0.0.1:9000/api/v1"
+NEXT_PUBLIC_BACKEND_URL="http://127.0.0.1:9000/woc/api/v1"

From b01d2b0442334f14334ac20c126b1768ee7781e2 Mon Sep 17 00:00:00 2001
From: KiranRajeev-KV <kiranrajeevkv@gmail.com>
Date: Sun, 28 Dec 2025 04:02:48 +0530
Subject: [PATCH 2/5] ref: update AuthUser properties to camelCase and rename
 setUser to setTokens

---
 app/store/useAuthStore.ts | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/app/store/useAuthStore.ts b/app/store/useAuthStore.ts
index b4caa70..d2a9a76 100644
--- a/app/store/useAuthStore.ts
+++ b/app/store/useAuthStore.ts
@@ -2,16 +2,22 @@ import { create } from 'zustand';
 import { persist } from 'zustand/middleware';
 
 export interface AuthUser {
-  access_token: string;
-  refresh_token: string;
-  github_username: string;
+  accessToken: string;
+  refreshToken: string;
+  githubUsername: string;
   email: string;
   bounty: number;
 }
 
 export interface AuthState {
   user: AuthUser | null;
-  setUser: (user: AuthUser) => void;
+  setTokens: (tokens: {
+    accessToken: string;
+    refreshToken: string;
+    githubUsername: string;
+    email: string;
+    bounty: number;
+  }) => void;
   clearUser: () => void;
 }
 
@@ -19,7 +25,22 @@ export const useAuthStore = create<AuthState>()(
   persist(
     (set) => ({
       user: null,
-      setUser: (user) => set({ user }),
+      setTokens: ({
+        accessToken,
+        refreshToken,
+        githubUsername,
+        email,
+        bounty,
+      }) =>
+        set(() => ({
+          user: {
+            accessToken,
+            refreshToken,
+            githubUsername,
+            email,
+            bounty,
+          },
+        })),
       clearUser: () => set({ user: null }),
     }),
     {

From 5e6aa0dae4e79725f92a3e2f72226a79c9f249f8 Mon Sep 17 00:00:00 2001
From: KiranRajeev-KV <kiranrajeevkv@gmail.com>
Date: Sun, 28 Dec 2025 04:03:20 +0530
Subject: [PATCH 3/5] ref: update user properties to camelCase and replace
 setUser with setTokens in auth flow

---
 app/auth/callback/page.tsx                    | 70 ++++++-------------
 app/components/Navbar.tsx                     | 18 ++---
 .../dashboard-components/leaderboard.tsx      |  6 +-
 .../GameAchivementSystem.tsx                  |  2 +-
 app/lib/api.ts                                | 10 +--
 app/login/page.tsx                            | 11 +--
 app/page.tsx                                  | 15 ++--
 app/profile/[github_username]/page.tsx        |  6 +-
 8 files changed, 57 insertions(+), 81 deletions(-)

diff --git a/app/auth/callback/page.tsx b/app/auth/callback/page.tsx
index f76976d..23ab0fd 100644
--- a/app/auth/callback/page.tsx
+++ b/app/auth/callback/page.tsx
@@ -1,69 +1,43 @@
 'use client';
 
+import { useAuthStore } from '@/app/store/useAuthStore';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { useEffect } from 'react';
-import { Suspense } from 'react';
-import toast from 'react-hot-toast';
-import { useAuthStore } from '../../store/useAuthStore';
+import { Suspense, useEffect } from 'react';
 
-function AuthCallbackContent() {
-  const router = useRouter();
+const CallbackContent = () => {
   const searchParams = useSearchParams();
-  const { setUser } = useAuthStore();
+  const router = useRouter();
+  const { setTokens } = useAuthStore();
 
   useEffect(() => {
     const accessToken = searchParams.get('access_token');
     const refreshToken = searchParams.get('refresh_token');
     const githubUsername = searchParams.get('github_username');
     const email = searchParams.get('email');
-    const bountyStr = searchParams.get('bounty');
-    const error = searchParams.get('error');
-
-    if (error) {
-      toast.error('Authentication Error');
-      router.push('/');
-      return;
-    }
 
     if (accessToken && refreshToken && githubUsername && email) {
-      // update the auth store with the new data
-      setUser({
-        access_token: accessToken,
-        refresh_token: refreshToken,
-        github_username: githubUsername,
-        email: email,
-        bounty: bountyStr ? Number.parseInt(bountyStr) : 0,
+      setTokens({
+        accessToken,
+        refreshToken,
+        githubUsername,
+        email,
+        bounty: 0,
       });
-
-      toast.success('GitHub account linked successfully!');
       router.push('/');
     } else {
-      router.push('/');
+      router.push('/login');
     }
-  }, [searchParams, setUser, router]);
-  return (
-    <div className="flex h-screen w-full items-center justify-center bg-black text-white">
-      <div className="flex flex-col items-center gap-4">
-        <div className="h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" />
-        <p>Finishing setup...</p>
-      </div>
-    </div>
-  );
-}
+  }, [searchParams, router, setTokens]);
 
-export default function AuthCallback() {
+  return <div>Loading...</div>;
+};
+
+const AuthCallbackPage = () => {
   return (
-    <Suspense
-      fallback={
-        <div className="flex h-screen w-full items-center justify-center bg-black text-white">
-          <div className="flex flex-col items-center gap-4">
-            <div className="h-8 w-8 animate-spin rounded-full border-4 border-blue-500 border-t-transparent" />
-            <p>Finishing setup...</p>
-          </div>
-        </div>
-      }
-    >
-      <AuthCallbackContent />
+    <Suspense fallback={<div>Loading...</div>}>
+      <CallbackContent />
     </Suspense>
   );
-}
+};
+
+export default AuthCallbackPage;
diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index bffce55..037a55c 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -19,7 +19,7 @@ const Navbar = () => {
   const router = useRouter();
   const user = useAuthStore((state) => state.user);
   const clearUser = useAuthStore((state) => state.clearUser);
-  const github_username = user?.github_username || '';
+  const github_username = user?.githubUsername || '';
   const { classes } = useTheme();
 
   useEffect(() => {
@@ -164,12 +164,12 @@ const Navbar = () => {
                       className="cursor-pointer flex items-center gap-2 rounded-l-full bg-white px-2 py-1 text-base font-semibold text-gray-800 shadow transition hover:shadow-md focus:outline-none focus:ring-2 focus:ring-blue-200"
                     >
                       <img
-                        src={`https://github.com/${user.github_username}.png`}
-                        alt={user.github_username}
+                        src={`https://github.com/${user.githubUsername}.png`}
+                        alt={user.githubUsername}
                         className="h-8 w-8 rounded-full border border-gray-200"
                       />
                       <span className="font-semibold lg:block hidden">
-                        {user.github_username}
+                        {user.githubUsername}
                       </span>
                     </button>
                     <div className="cursor-pointer flex items-center justify-center bg-red-200 rounded-r-full px-2 py-3 transition-all duration-200 ease-in-out hover:shadow-md">
@@ -221,15 +221,17 @@ const Navbar = () => {
                 <div className="mt-3 flex items-center gap-3">
                   <button
                     type="button"
-                    onClick={() => router.push(`/profile/${github_username}`)}
+                    onClick={() => {
+                      router.push(`/profile/${github_username}`);
+                    }}
                     className="flex items-center gap-2 rounded-full bg-white/10 px-4 py-2 text-sm font-semibold text-gray-200 shadow"
                   >
                     <img
-                      src={`https://github.com/${user.github_username}.png`}
-                      alt={user.github_username}
+                      src={`https://github.com/${user.githubUsername}.png`}
+                      alt={user.githubUsername}
                       className="h-7 w-7 rounded-full border"
                     />
-                    <span>{user.github_username}</span>
+                    <span>{user.githubUsername}</span>
                   </button>
 
                   <button
diff --git a/app/components/dashboard-components/leaderboard.tsx b/app/components/dashboard-components/leaderboard.tsx
index 03c443e..7215005 100644
--- a/app/components/dashboard-components/leaderboard.tsx
+++ b/app/components/dashboard-components/leaderboard.tsx
@@ -50,7 +50,7 @@ const Leaderboard = ({ user }: { user: AuthUser | null }) => {
           url: `${process.env.NEXT_PUBLIC_BACKEND_URL}/leaderboard`,
           method: 'GET',
           headers: {
-            Authorization: `Bearer ${user?.access_token}`,
+            Authorization: `Bearer ${user?.accessToken}`,
           },
         });
 
@@ -85,7 +85,7 @@ const Leaderboard = ({ user }: { user: AuthUser | null }) => {
     };
 
     fetchLeaderboard();
-  }, [setUser, user?.access_token]);
+  }, [setUser, user?.accessToken]);
 
   const fetchRegistrations = async () => {
     if (participantsData.length > 0) return;
@@ -103,7 +103,7 @@ const Leaderboard = ({ user }: { user: AuthUser | null }) => {
         url: `${process.env.NEXT_PUBLIC_BACKEND_URL}/registrations`,
         method: 'GET',
         headers: {
-          Authorization: `Bearer ${user?.access_token}`,
+          Authorization: `Bearer ${user?.accessToken}`,
         },
       });
 
diff --git a/app/components/profile-components/GameAchivementSystem.tsx b/app/components/profile-components/GameAchivementSystem.tsx
index f41f123..75032c5 100644
--- a/app/components/profile-components/GameAchivementSystem.tsx
+++ b/app/components/profile-components/GameAchivementSystem.tsx
@@ -20,7 +20,7 @@ function GameAchievementSystem({ badges }: GameAchievementSystemProps) {
   const [achievements, setAchievements] = useState<Badge[]>([]);
 
   // Check if viewing own profile
-  const isOwnProfile = user?.github_username === github_username;
+  const isOwnProfile = user?.githubUsername === github_username;
 
   useEffect(() => {
     const loadData = async () => {
diff --git a/app/lib/api.ts b/app/lib/api.ts
index ba3e5ef..f6a1883 100644
--- a/app/lib/api.ts
+++ b/app/lib/api.ts
@@ -20,7 +20,7 @@ export async function make_api_call<T = unknown>({
   data: T | null;
   error: string | null;
 }> {
-  const { user, setUser, clearUser } = useAuthStore.getState();
+  const { user, setTokens, clearUser } = useAuthStore.getState();
 
   try {
     let finalUrl = url;
@@ -46,13 +46,13 @@ export async function make_api_call<T = unknown>({
 
     const response = await fetch(finalUrl, options);
 
-    if (response.status === 401 && retry && user?.refresh_token) {
+    if (response.status === 401 && retry && user?.refreshToken) {
       const refreshRes = await fetch(
         `${process.env.NEXT_PUBLIC_BACKEND_URL}/auth/refresh`,
         {
           method: 'GET',
           headers: {
-            Authorization: `Bearer ${user.refresh_token}`,
+            Authorization: `Bearer ${user.refreshToken}`,
           },
         },
       );
@@ -61,9 +61,9 @@ export async function make_api_call<T = unknown>({
         const refreshData = await refreshRes.json();
         const newAccessToken = refreshData.accessKey;
 
-        setUser({
+        setTokens({
           ...user,
-          access_token: newAccessToken,
+          accessToken: newAccessToken,
         });
 
         return make_api_call<T>({
diff --git a/app/login/page.tsx b/app/login/page.tsx
index 20f4bb9..dbeec9b 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -32,7 +32,7 @@ type FormData = z.infer<typeof formSchema>;
 export default function LoginPage() {
   const router = useRouter();
   const { classes, theme } = useTheme();
-  const { setUser } = useAuthStore();
+  const { setTokens } = useAuthStore();
 
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [formData, setFormData] = useState<FormData>({
@@ -96,6 +96,7 @@ export default function LoginPage() {
       const result = await make_api_call<{
         accessToken: string;
         refreshToken: string;
+        ghUsername: string;
         message: string;
       }>({
         url: `${process.env.NEXT_PUBLIC_BACKEND_URL}/auth/login`,
@@ -109,10 +110,10 @@ export default function LoginPage() {
 
       console.log('Login successful:', result.data);
 
-      setUser({
-        access_token: result.data.accessToken,
-        refresh_token: result.data.refreshToken,
-        github_username: '',
+      setTokens({
+        accessToken: result.data.accessToken,
+        refreshToken: result.data.refreshToken,
+        githubUsername: result.data.ghUsername,
         email: validatedData.email,
         bounty: 0,
       });
diff --git a/app/page.tsx b/app/page.tsx
index 87b1948..2628dfc 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -24,13 +24,12 @@ const Dashboard = () => {
   const { classes } = useTheme();
 
   const user = useAuthStore((state) => state.user);
-
   const handleOAuth = async () => {
     // Get the latest state directly
     const currentUser = useAuthStore.getState().user;
 
     // If no user or no token, redirect to login
-    if (!currentUser || !currentUser.access_token) {
+    if (!currentUser || !currentUser.accessToken) {
       console.error('No access token found. User might not be logged in.');
       toast.error('You must be logged in first.');
       router.push('/login');
@@ -41,7 +40,7 @@ const Dashboard = () => {
       const res = await fetch(`${process.env.NEXT_PUBLIC_BACKEND_URL}/github`, {
         method: 'GET',
         headers: {
-          Authorization: `Bearer ${currentUser.access_token}`,
+          Authorization: `Bearer ${currentUser.accessToken}`,
           'Content-Type': 'application/json',
         },
       });
@@ -126,8 +125,8 @@ const Dashboard = () => {
               </>
             ) : (
               <>
-                {/* show only if github_username is empty */}
-                {!user.github_username ? (
+                {/* show only if githubUsername is empty */}
+                {!user.githubUsername ? (
                   <button
                     type="button"
                     onClick={handleOAuth}
@@ -140,13 +139,13 @@ const Dashboard = () => {
                   <button
                     type="button"
                     onClick={() =>
-                      router.push(`/profile/${user.github_username}`)
+                      router.push(`/profile/${user.githubUsername}`)
                     }
                     className="w-full flex cursor-pointer transform items-center justify-between gap-2 rounded-3xl bg-gray-800 px-1 py-2 text-sm font-medium sm:font-semibold text-white shadow-lg transition duration-300 ease-in-out hover:scale-105 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 focus:ring-offset-slate-900 sm:gap-3"
                   >
                     <img
-                      src={`https://github.com/${user.github_username}.png`}
-                      alt={user.github_username}
+                      src={`https://github.com/${user.githubUsername}.png`}
+                      alt={user.githubUsername}
                       className="h-8 w-8 rounded-full border border-gray-300 shadow-sm"
                     />
                     <span className="font-semibold text-lg lg:text-base">
diff --git a/app/profile/[github_username]/page.tsx b/app/profile/[github_username]/page.tsx
index ea20ee2..0f17f22 100644
--- a/app/profile/[github_username]/page.tsx
+++ b/app/profile/[github_username]/page.tsx
@@ -27,8 +27,8 @@ const ProfilePage = () => {
     if (!hydrated) return;
 
     // Redirect to login if not authenticated
-    if (!user || !user.access_token) {
-      console.log('Redirecting to home due to missing user or access_token');
+    if (!user || !user.accessToken) {
+      console.log('Redirecting to home due to missing user or accessToken');
       router.push('/');
       return;
     }
@@ -39,7 +39,7 @@ const ProfilePage = () => {
         const result = await make_api_call<ProfileResponse>({
           url: `${process.env.NEXT_PUBLIC_BACKEND_URL}/profile?user=${github_username}`,
           method: 'GET',
-          headers: { Authorization: `Bearer ${user.access_token}` },
+          headers: { Authorization: `Bearer ${user.accessToken}` },
         });
 
         if (result.success && result.data) {

From 856a1a131e78caab0bb4fc355e8a13b6e183674e Mon Sep 17 00:00:00 2001
From: Adithya Menon R <adukottan@gmail.com>
Date: Thu, 1 Jan 2026 03:39:33 +0530
Subject: [PATCH 4/5] fix: fixed merge conflicts

---
 app/auth/callback/page.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/app/auth/callback/page.tsx b/app/auth/callback/page.tsx
index 218e163..889f7c3 100644
--- a/app/auth/callback/page.tsx
+++ b/app/auth/callback/page.tsx
@@ -37,9 +37,6 @@ const CallbackContent = () => {
       </div>
     </div>
   );
-}
-
-  return <div>Loading...</div>;
 };
 
 const AuthCallbackPage = () => {

From 2dc6d6894178c2f2b7d02356a11d92e342873a1d Mon Sep 17 00:00:00 2001
From: Adithya Menon R <adukottan@gmail.com>
Date: Thu, 1 Jan 2026 03:48:35 +0530
Subject: [PATCH 5/5] fixed refactoring

---
 app/components/Navbar.tsx | 30 ++++++++++++++----------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index f980eca..4c98ca8 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -20,7 +20,7 @@ const Navbar = () => {
   const router = useRouter();
   const user = useAuthStore((state) => state.user);
   const clearUser = useAuthStore((state) => state.clearUser);
-  const github_username = user?.githubUsername || '';
+  const githubUsername = user?.githubUsername || '';
   const { classes } = useTheme();
 
   useEffect(() => {
@@ -162,8 +162,8 @@ const Navbar = () => {
                     <button
                       type="button"
                       onClick={() => {
-                        if (user.github_username) {
-                          router.push(`/profile/${github_username}`);
+                        if (user.githubUsername) {
+                          router.push(`/profile/${githubUsername}`);
                         } else {
                           toast.error('Please link your GitHub account.');
                         }
@@ -172,16 +172,16 @@ const Navbar = () => {
                     >
                       <img
                         src={
-                          user.github_username
-                            ? `https://github.com/${user.github_username}.png`
+                          user.githubUsername
+                            ? `https://github.com/${user.githubUsername}.png`
                             : '/default-avatar.png'
                         }
-                        alt={user.github_username || 'default avatar'}
+                        alt={user.githubUsername || 'default avatar'}
                         className="h-8 w-8 rounded-full border border-gray-200"
                       />
-                      {user.github_username && (
+                      {user.githubUsername && (
                         <span className="font-semibold lg:block hidden">
-                          {user.github_username}
+                          {user.githubUsername}
                         </span>
                       )}
                     </button>
@@ -235,8 +235,8 @@ const Navbar = () => {
                   <button
                     type="button"
                     onClick={() => {
-                      if (user.github_username) {
-                        router.push(`/profile/${github_username}`);
+                      if (user.githubUsername) {
+                        router.push(`/profile/${githubUsername}`);
                       } else {
                         toast.error('Please link your GitHub account.');
                       }
@@ -245,16 +245,14 @@ const Navbar = () => {
                   >
                     <img
                       src={
-                        user.github_username
-                          ? `https://github.com/${user.github_username}.png`
+                        user.githubUsername
+                          ? `https://github.com/${user.githubUsername}.png`
                           : '/default-avatar.png'
                       }
-                      alt={user.github_username || 'default avatar'}
+                      alt={user.githubUsername || 'default avatar'}
                       className="h-7 w-7 rounded-full border"
                     />
-                    {user.github_username && (
-                      <span>{user.github_username}</span>
-                    )}
+                    {user.githubUsername && <span>{user.githubUsername}</span>}
                   </button>
 
                   <button