Brijesh's Git Server — argus-web @ fd843b172d679a1b2a32ad4430829b41c65f015f

Web Ul for argus

src/app/dashboard/layout.js (view raw)

 1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 
"use client";

import { useAuth } from "@/context/AuthContext";
import Link from "next/link";
import { useRouter } from "next/navigation";
import { useEffect } from "react";

export default function DashboardLayout({ children }) {
  const { user, logout, isLoading } = useAuth();
  const router = useRouter();

  useEffect(() => {
    if (!isLoading && !user) {
      router.push("/login");
    }
  }, [user, isLoading, router]);

  if (isLoading) {
    return (
      <div className="min-h-screen flex items-center justify-center bg-gray-50">
        <div className="text-gray-500">Loading...</div>
      </div>
    );
  }

  if (!user) {
    return null;
  }

  return (
    <div className="min-h-screen bg-gray-50">
      <nav className="bg-white border-b">
        <div className="px-4">
          <div className="flex justify-between h-12">
            <div className="flex items-center gap-8">
              <span className="text-md font-medium">Argus Dashboard</span>
              {/* <div className="flex items-center gap-4">
                <Link href="/dashboard">
                  <p className="text-sm text-gray-600 hover:text-gray-800">
                    Home
                  </p>
                </Link>
                <Link href="/dashboard/api-keys">
                  <p className="text-sm text-gray-600 hover:text-gray-800">
                    API Keys
                  </p>
                </Link>
                <Link href="/dashboard/monitors">
                  <p className="text-sm text-gray-600 hover:text-gray-800">
                    Monitors
                  </p>
                </Link>
                <Link href="/dashboard/logs">
                  <p className="text-sm text-gray-600 hover:text-gray-800">
                    Logs
                  </p>
                </Link>
              </div> */}
            </div>
            <div className="flex items-center gap-4">
              {user && (
                <span className="text-sm text-gray-600">{user.email}</span>
              )}
              <button
                onClick={logout}
                className="text-sm text-red-600 hover:text-red-800"
              >
                Logout
              </button>
            </div>
          </div>
        </div>
      </nav>
      <nav className="bg-white border-b">
        <div className="px-4">
          <div className="flex items-center gap-4 h-12">
            <Link href="/dashboard">
              <p className="text-sm text-gray-600 hover:text-gray-800">Home</p>
            </Link>
            <Link href="/dashboard/api-keys">
              <p className="text-sm text-gray-600 hover:text-gray-800">
                API Keys
              </p>
            </Link>
            <Link href="/dashboard/monitors">
              <p className="text-sm text-gray-600 hover:text-gray-800">
                Monitors
              </p>
            </Link>
            <Link href="/dashboard/logs">
              <p className="text-sm text-gray-600 hover:text-gray-800">Logs</p>
            </Link>
          </div>
        </div>
      </nav>

      <main>{children}</main>
    </div>
  );
}