logout api and logout in header fixed

Author: STRO09

frontend/issue-tracker-ui/src/app/admin/page.tsx

@@ -47,7 +47,6 @@ interface AdminDashboardProps {
 export function AdminDashboard({ user }: AdminDashboardProps) {
   // Mock data for demo
   const [users, setUsers] = useState<User[]>();
-
   const [successMessage, setSuccessMessage] = useState("");
 
   async function loadUsers() {

frontend/issue-tracker-ui/src/components/header.tsx

@@ -11,6 +11,7 @@ import { Avatar, AvatarFallback } from "@/components/ui/avatar";
 import { LogOut, Triangle } from "lucide-react";
 import { useRouter } from "next/navigation";
 import { User } from "@/types/user";
+import { logoutUser } from "@/lib/api/auth";
 
 interface HeaderProps {
   user: User;
@@ -20,23 +21,8 @@ export function Header({ user }: HeaderProps) {
   const router = useRouter();
   async function handleLogout() {
     try {
-      const res = await fetch(
-        "http://localhost:8080/IssuesandDeploymentTracker/api/auth/logout",
-        {
-          method: "POST",
-          credentials: "include", // send cookies
-        }
-      );
-
-      if (res.ok) {
-        // Optional: clear any client state
-        localStorage.clear();
-        sessionStorage.clear();
-
-        router.push("/auth");
-      } else {
-        console.error("Logout failed");
-      }
+      await logoutUser();
+      router.push("/auth");
     } catch (err) {
       console.error("Logout error", err);
     }

frontend/issue-tracker-ui/src/lib/api/auth.ts

@@ -30,7 +30,7 @@ export async function LoginUser(email: string, password: string) {
   });
   const data = await res.json();
   if (!res.ok) {
-    alert(data.message || "Login failed.");
+    throw new Error(data.message || "Login failed.");
   }
   return data;
 }