Translate admin panel to all 6 languages

2026-07-04 21:21:15 +02:00
parent f381aa987f
commit befa4ec282
63 changed files with 9353 additions and 1443 deletions
@@ -10,6 +10,7 @@ import {
 import { InfoItem, StatusCard } from "@/components/admin/dashboard";
 import { User } from "lucide-react";
 import { prisma } from "@/lib/prisma";
+import { getTranslations } from "next-intl/server";

 export const dynamic = "force-dynamic";

@@ -19,6 +20,7 @@ export default async function AdminUserDetail({
  params: Promise<{ id: string }>;
 }) {
  const { id } = await params;
+  const t = await getTranslations("pages.admin.users");
  const userId = Number(id);
  const user = await prisma.user
    .findUnique({
@@ -33,7 +35,7 @@ export default async function AdminUserDetail({
  return (
    <main>
      <p className="text-sm text-gray-500 dark:text-gray-400 mb-2">
-        <Link href="/admin/users">← Users</Link>
+        <Link href="/admin/users">← {t("title")}</Link>
      </p>
      <div className="flex items-center gap-3 mb-6">
        <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-[var(--color-primary)]/20 to-[var(--color-primary)]/5 grid place-items-center">
@@ -41,91 +43,91 @@ export default async function AdminUserDetail({
        </div>
        <div>
          <h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{user.username}</h1>
-          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{user.motto ? user.motto : "No motto set."}</p>
+          <p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{user.motto ? user.motto : t("detail.noMotto")}</p>
        </div>
      </div>

      <div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
-        <StatusCard label="User ID" value={user.id} icon="🆔" />
-        <StatusCard label="Rank" value={user.rank} icon="🎖️" />
-        <StatusCard label="Credits" value={user.credits} icon="💰" />
+        <StatusCard label={t("detail.userId")} value={user.id} icon="🆔" />
+        <StatusCard label={t("detail.rank")} value={user.rank} icon="🎖️" />
+        <StatusCard label={t("detail.credits")} value={user.credits} icon="💰" />
        <StatusCard
-          label="Status"
-          value={isOnline ? "Online" : "Offline"}
+          label={t("detail.online")}
+          value={isOnline ? t("detail.online") : t("offline")}
          state={isOnline ? "ok" : "neutral"}
          icon={isOnline ? "🟢" : "⚪"}
        />
      </div>

      <section className="mt-6">
-        <h2 className="admin-section-title">Overview</h2>
+        <h2 className="admin-section-title">{t("detail.overview")}</h2>
        <div className="grid grid-cols-[repeat(auto-fit,minmax(150px,1fr))] gap-2.5">
-          <InfoItem label="Username" value={user.username} />
+          <InfoItem label={t("detail.username")} value={user.username} />
          <InfoItem
-            label="Status"
+            label={t("detail.online")}
            value={
              <span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${isOnline ? "bg-green-600/20 text-[var(--color-text)]" : "bg-[var(--color-primary)]/18 text-[var(--color-text)]"}`}>
-                {isOnline ? "online" : "offline"}
+                {isOnline ? t("detail.online") : t("offline")}
              </span>
            }
          />
-          <InfoItem label="Rank" value={user.rank} />
-          <InfoItem label="Credits" value={user.credits} />
-          <InfoItem label="Look" value={<code>{user.look || "—"}</code>} />
+          <InfoItem label={t("detail.rank")} value={user.rank} />
+          <InfoItem label={t("detail.credits")} value={user.credits} />
+          <InfoItem label={t("detail.look")} value={<code>{user.look || "—"}</code>} />
        </div>
      </section>

      <section className="mt-6">
-        <h2 className="admin-section-title">Actions</h2>
+        <h2 className="admin-section-title">{t("detail.actions")}</h2>
        <div className="grid cols-2">
          <form action={giveCurrency} className="admin-card">
            <input type="hidden" name="userId" value={user.id} />
-            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Give currency</h3>
+            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("detail.giveCurrency")}</h3>
            <select name="type">
-              <option value="credits">Credits</option>
-              <option value="duckets">Duckets</option>
-              <option value="diamonds">Diamonds</option>
-              <option value="points">Points</option>
+              <option value="credits">{t("detail.credits")}</option>
+              <option value="duckets">{t("detail.duckets")}</option>
+              <option value="diamonds">{t("detail.diamonds")}</option>
+              <option value="points">{t("detail.points")}</option>
            </select>{" "}
-            <input name="amount" type="number" min={1} placeholder="Amount" />{" "}
+            <input name="amount" type="number" min={1} placeholder={t("detail.amountPlaceholder")} />{" "}
            <button type="submit" className="btn btn-primary">
-              Give
+              {t("detail.give")}
            </button>
          </form>

          <form action={setMotto} className="admin-card">
            <input type="hidden" name="userId" value={user.id} />
-            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Set motto</h3>
+            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("detail.setMotto")}</h3>
            <input name="motto" defaultValue={user.motto} maxLength={127} />{" "}
            <button type="submit" className="btn btn-primary">
-              Save
+              {t("detail.save")}
            </button>
          </form>

          <form action={setRank} className="admin-card">
            <input type="hidden" name="userId" value={user.id} />
-            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Set rank</h3>
+            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("detail.setRank")}</h3>
            <input name="rank" type="number" min={1} defaultValue={user.rank} />{" "}
            <button type="submit" className="btn btn-primary">
-              Set
+              {t("detail.set")}
            </button>
          </form>

          <form action={alertUser} className="admin-card">
            <input type="hidden" name="userId" value={user.id} />
-            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Alert</h3>
-            <input name="message" placeholder="Message" />{" "}
+            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("detail.sendAlert")}</h3>
+            <input name="message" placeholder={t("detail.messagePlaceholder")} />{" "}
            <button type="submit" className="btn btn-primary">
-              Send
+              {t("detail.send")}
            </button>
          </form>

          <form action={disconnectUser} className="admin-card">
            <input type="hidden" name="userId" value={user.id} />
            <input type="hidden" name="username" value={user.username} />
-            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">Disconnect</h3>
+            <h3 className="text-sm font-bold text-[var(--color-text)] m-0 mb-3">{t("detail.disconnectUser")}</h3>
            <button type="submit" className="btn btn-danger">
-              Disconnect from hotel
+              {t("detail.disconnectFromHotel")}
            </button>
          </form>
        </div>