"use client";

import { useEffect, useState } from "react";
import { logout as clearAuthToken } from "./api";
import type { User } from "./models";

export type StoredUser = Pick<User, "email" | "role">;

export function useStoredUser() {
  const [user, setUser] = useState<StoredUser | null>(null);
  const [ready, setReady] = useState(false);

  useEffect(() => {
    const email = localStorage.getItem("user_email");
    const role = localStorage.getItem("user_role") as StoredUser["role"] | null;
    if (email && role) {
      setUser({ email, role });
    }
    setReady(true);
  }, []);

  return { user, ready };
}

export function clearStoredUser() {
  clearAuthToken();
  localStorage.removeItem("user_role");
  localStorage.removeItem("user_email");
  localStorage.removeItem("association_id");
}