Enable auth-service/api-gateway on production, build their images in CI

2026-08-18 14:11:00 +07:00
parent e5afedfa2f
commit b68005be1c
70 changed files with 6781 additions and 263 deletions
@@ -0,0 +1,56 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { LogIn, LogOut, UserRound } from "lucide-react";
+import type { AuthUser } from "@duoc-thu/shared-types";
+import { logout, me } from "@duoc-thu/api-client";
+
+/** Public — visible on every page, not just `/admin`. Chat itself never
+ * requires this: an anonymous visitor keeps working exactly as before
+ * regardless of what this renders. Optional login exists here so `demo`
+ * (the logged-in "bác sĩ" persona) can sign in from the normal chat UI. */
+export function AccountMenu() {
+  const router = useRouter();
+  const [user, setUser] = useState<AuthUser | null>(null);
+  const [loaded, setLoaded] = useState(false);
+
+  useEffect(() => {
+    me()
+      .then(setUser)
+      .finally(() => setLoaded(true));
+  }, []);
+
+  if (!loaded) return null;
+
+  if (!user) {
+    return (
+      <Link
+        href="/admin/login"
+        className="flex items-center gap-1.5 rounded-full border border-border-subtle bg-surface px-3 py-1.5 text-xs font-semibold text-txt-secondary hover:bg-surface-hover"
+      >
+        <LogIn className="h-3.5 w-3.5" />
+        <span>Đăng nhập</span>
+      </Link>
+    );
+  }
+
+  return (
+    <div className="flex items-center gap-1.5 rounded-full border border-border-subtle bg-surface px-3 py-1.5 text-xs font-semibold text-txt-secondary">
+      <UserRound className="h-3.5 w-3.5" />
+      <span>{user.username}</span>
+      <button
+        aria-label="Đăng xuất"
+        onClick={async () => {
+          await logout();
+          setUser(null);
+          router.refresh();
+        }}
+        className="ml-1 text-txt-muted hover:text-txt-primary"
+      >
+        <LogOut className="h-3.5 w-3.5" />
+      </button>
+    </div>
+  );
+}