feat: add bw themes

2026-04-03 21:49:39 +03:00
parent cc23cc2a1e
commit 88fb7a1888
9 changed files with 642 additions and 235 deletions
@@ -0,0 +1,55 @@
+import { useAuthStore } from "@/modules/auth/store/useAuthStore";
+import { ThemeToggle } from "@/modules/theme-bw/ui/ThemeToggle";
+import React from "react";
+import { Outlet, useNavigate } from "react-router-dom";
+
+interface DefaultLayoutProps {
+  children?: React.ReactNode;
+}
+
+export const DefaultLayout: React.FC<DefaultLayoutProps> = ({ children }) => {
+  const { user, logout } = useAuthStore();
+  const navigate = useNavigate();
+
+  const handleLogout = () => {
+    logout();
+    navigate("/login");
+  };
+
+  return (
+    <div className="min-h-screen bg-white dark:bg-black transition-colors duration-200">
+      {/* Header */}
+      <header className="border-b border-gray-200 dark:border-gray-800 bg-white dark:bg-black sticky top-0 z-50">
+        <div className="container mx-auto px-4 py-3">
+          <div className="flex justify-between items-center">
+            {/* Logo */}
+            <div className="text-xl font-bold text-gray-900 dark:text-white">
+              HellreigN
+            </div>
+
+            {/* Right side */}
+            <div className="flex items-center gap-4">
+              <ThemeToggle />
+              {user && (
+                <div className="flex items-center gap-3">
+                  <span className="text-sm text-gray-600 dark:text-gray-400">
+                    {user.firstName} {user.lastName}
+                  </span>
+                  <button
+                    onClick={handleLogout}
+                    className="px-3 py-1 text-sm bg-red-500 text-white rounded hover:bg-red-600 transition-colors"
+                  >
+                    Logout
+                  </button>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </header>
+
+      {/* Main content */}
+      <main className="min-h-[calc(100vh-61px)]">{children || <Outlet />}</main>
+    </div>
+  );
+};