fix(deploy): pin distinct image tags per compose (booklib/{api,web}:{dev,prod}); same project name shared default tags so dev up without --build ran the prod image

2026-09-07 21:24:33 +08:00
parent 95317a0108
commit 961de429f9
45 changed files with 7 additions and 3 deletions
@@ -0,0 +1,35 @@
+import type { ReactNode } from "react";
+import { Link } from "react-router-dom";
+import { useAuth } from "../auth/AuthContext";
+import { btn } from "./ui";
+
+export function TopBar({ right }: { right?: ReactNode }) {
+  const { user, isAdmin, logout } = useAuth();
+  return (
+    <header className="flex shrink-0 items-center gap-4 border-b border-zinc-800 px-4 py-3">
+      <Link to="/" className="font-semibold">
+        BookLib
+      </Link>
+      {isAdmin && (
+        <Link className="text-sm text-zinc-400 hover:text-zinc-100" to="/admin/users">
+          用户
+        </Link>
+      )}
+      {isAdmin && (
+        <Link className="text-sm text-zinc-400 hover:text-zinc-100" to="/admin/libraries">
+          库管理
+        </Link>
+      )}
+      <div className="ml-auto flex items-center gap-3">
+        {right}
+        <span className="text-sm text-zinc-400">
+          {user?.username}
+          {isAdmin ? "(admin)" : ""}
+        </span>
+        <button className={btn} onClick={logout}>
+          退出
+        </button>
+      </div>
+    </header>
+  );
+}