remco/EpicNext-Cms
1
1 Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Translate admin panel to all 6 languages

Browse Source
This commit is contained in:
openhands committed 2026-07-04 21:21:15 +02:00
1 parent f381aa987f
commit befa4ec282
63 files changed
+9353 -1443
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/app/admin/calendar/page.tsx
+14 -14
View File
@@ -1,4 +1,5 @@
import Link from "next/link";
import { getTranslations } from "next-intl/server";
import { StatusCard } from "@/components/admin/dashboard";
import { prisma } from "@/lib/prisma";
import { Calendar } from "lucide-react";
@@ -21,6 +22,8 @@ function fmtDate(ts: number): string {
}
export default async function AdminCalendar() {
const t = await getTranslations("pages.admin.calendar");
let campaigns: Campaign[] = [];
try {
campaigns = await prisma.calendarCampaigns.findMany({
@@ -39,7 +42,6 @@ export default async function AdminCalendar() {
campaigns = [];
}
// Tally reward counts per campaign in JS (avoid prisma.groupBy).
const rewardCounts = new Map<number, number>();
let totalRewards = 0;
try {
@@ -51,7 +53,6 @@ export default async function AdminCalendar() {
rewardCounts.set(r.campaignId, (rewardCounts.get(r.campaignId) ?? 0) + 1);
}
} catch {
// leave map empty on failure
}
const enabledCount = campaigns.filter((c) => c.enabled === "1").length;
@@ -63,24 +64,24 @@ export default async function AdminCalendar() {
<Calendar size={20} className="text-[var(--color-primary)]" />
</div>
<div>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">Calendar campaigns</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">Read-only · {campaigns.length} campaign{campaigns.length === 1 ? "" : "s"}.</p>
<h1 className="m-0 text-xl font-extrabold text-[var(--color-text)]">{t("title")}</h1>
<p className="m-0 text-xs text-[var(--color-text-muted)] mt-0.5">{t("subtitle", { count: campaigns.length })}</p>
</div>
</div>
<div className="grid grid-cols-[repeat(auto-fit,minmax(180px,1fr))] gap-3.5 mb-6">
<StatusCard label="Campaigns" value={campaigns.length} icon="📅" />
<StatusCard label={t("campaigns")} value={campaigns.length} icon="📅" />
<StatusCard
label="Enabled"
label={t("enabled")}
value={enabledCount}
state={enabledCount > 0 ? "ok" : "neutral"}
icon="✅"
/>
<StatusCard label="Total rewards" value={totalRewards} icon="🎁" />
<StatusCard label={t("totalRewards")} value={totalRewards} icon="🎁" />
</div>
{campaigns.length === 0 ? (
<div className="admin-empty">No calendar campaigns found.</div>
<div className="admin-empty">{t("noCampaigns")}</div>
) : (
<div className="grid cols-3">
{campaigns.map((c) => {
@@ -100,18 +101,17 @@ export default async function AdminCalendar() {
)}
<div className="body">
<div className="flex items-center justify-between gap-2 mb-1">
<h3 className="m-0">{c.name || `Campaign #${c.id}`}</h3>
<h3 className="m-0">{c.name || `#${c.id}`}</h3>
<span className={`inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full ${enabled ? "bg-green-600/20 text-[var(--color-text)]" : "bg-red-500/22 text-[var(--color-text)]"}`}>
{enabled ? "enabled" : "disabled"}
{enabled ? t("statusEnabled") : t("statusDisabled")}
</span>
</div>
<p className="text-xs text-gray-500 dark:text-gray-400 m-0">
#{c.id} · {c.totalDays} day{c.totalDays === 1 ? "" : "s"} · {count} reward
{count === 1 ? "" : "s"}
{t("campaignMeta", { id: c.id, days: c.totalDays, rewards: count })}
</p>
<p className="text-xs text-gray-500 dark:text-gray-400 mt-1">
Starts {fmtDate(c.startTimestamp)}
{c.lockExpired === "1" ? " · Locks expired" : ""}
{t("startsAt", { date: fmtDate(c.startTimestamp) })}
{c.lockExpired === "1" ? ` · ${t("locksExpired")}` : ""}
</p>
</div>
</Link>