← back to Omega Watches 2

src/components/layout/Header.tsx

39 lines

"use client";

import { useRouter } from "next/navigation";

export default function Header() {
  const router = useRouter();

  function handleLogout() {
    localStorage.removeItem("omega_token");
    localStorage.removeItem("omega_user");
    document.cookie = "omega_session=; path=/; max-age=0";
    router.push("/login");
  }

  return (
    <header className="flex h-14 items-center justify-between border-b border-navy-700 bg-navy-950 px-6">
      <div className="flex items-center gap-4">
        <h1 className="text-sm font-medium text-gray-300">
          Enterprise Price Tracking
        </h1>
        <span className="badge-info">LIVE</span>
      </div>
      <div className="flex items-center gap-3">
        <span className="text-xs text-gray-500">
          {new Date().toLocaleDateString("en-US", {
            weekday: "long",
            year: "numeric",
            month: "long",
            day: "numeric",
          })}
        </span>
        <button onClick={handleLogout} className="btn-secondary text-xs">
          Logout
        </button>
      </div>
    </header>
  );
}