poyrazavsever/neta
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: localize auth and portal pages

Browse Source
This commit is contained in:
poyrazavsever
2026-07-19 03:07:42 +03:00
parent 0158f2f25a
commit c2eeb0ff92
14 changed files with 648 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/portal/tasks/page.tsx
+30 -8
View File
@@ -1,28 +1,50 @@
import { Card, CardContent, Badge } from "poyraz-ui/atoms";
import { CheckCircle2, Clock, CalendarDays, KanbanSquare } from "lucide-react";
import { format } from "date-fns";
import { tr } from "date-fns/locale";
import { formatDate } from "@/lib/i18n/format";
import { getSqliteConnection } from "@/server/db/client";
import { ContentTranslationService, getContentFallbackLocale } from "@/server/i18n/content";
import { resolveRequestLocale } from "@/server/i18n/resolver";
import { createTranslator } from "@/server/i18n/translator";
import { requirePortalBackend } from "@/server/web/portal";
export default async function PortalTasksPage() {
const locale = await resolveRequestLocale();
const t = createTranslator(locale.locale, ["portal"]).t;
const { actor, service } = await requirePortalBackend();
const projects = service.listProjects(actor);
const content = new ContentTranslationService(getSqliteConnection().db);
const localization = content.getPublicLocalizationContext();
const fallbackLocale = getContentFallbackLocale(locale.locale, localization);
const projectRows = service.listProjects(actor);
const projectTranslations = content.listBatch("project", projectRows.map((project) => project.id));
const projects = projectRows.map((project) => content.resolveEntity("project", project, {
locale: locale.locale,
fallbackLocale,
defaultLocale: locale.defaultLocale,
translations: projectTranslations.get(project.id) ?? [],
}));
const projectNames = new Map(projects.map((project) => [project.id, project.name]));
const tasks = service.listTasks(actor)
const taskRows = service.listTasks(actor)
.filter((task) => task.projectId && projectNames.has(task.projectId) && task.status !== "cancelled")
.sort((a, b) => b.createdAt.getTime() - a.createdAt.getTime());
const taskTranslations = content.listBatch("task", taskRows.map((task) => task.id));
const tasks = taskRows.map((task) => content.resolveEntity("task", task, {
locale: locale.locale,
fallbackLocale,
defaultLocale: locale.defaultLocale,
translations: taskTranslations.get(task.id) ?? [],
}));
return (
<div className="mx-auto flex max-w-7xl flex-col gap-8 animate-in fade-in slide-in-from-bottom-4 duration-500">
<div className="flex flex-col gap-2">
<h1 className="text-3xl font-semibold tracking-tight">Yapılan Görevler</h1>
<h1 className="text-3xl font-semibold tracking-tight">{t("portal.tasks.title")}</h1>
</div>
<div className="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
{tasks.length === 0 ? (
<div className="col-span-full py-10 text-center border rounded-lg border-dashed text-muted-foreground flex flex-col items-center gap-3">
<KanbanSquare className="w-10 h-10 text-muted-foreground/50" />
Henüz sizinle paylaşılan bir görev bulunmuyor.
{t("portal.tasks.empty")}
</div>
) : tasks.map((task) => {
const isDone = task.status === "done";
@@ -36,7 +58,7 @@ export default async function PortalTasksPage() {
{task.title}
</h3>
<Badge variant={isDone ? "secondary" : "outline"} className="capitalize shrink-0">
{task.status === "todo" ? "Bekliyor" : task.status === "in_progress" ? "İşleniyor" : "Tamamlandı"}
{task.status === "todo" ? t("portal.status.task.todo") : task.status === "in_progress" ? t("portal.status.task.inProgress") : t("portal.status.task.done")}
</Badge>
</div>
<div className="flex items-center gap-2 text-sm text-muted-foreground bg-muted/30 p-2 rounded-md">
@@ -46,7 +68,7 @@ export default async function PortalTasksPage() {
<div className="flex items-center justify-between text-sm text-muted-foreground border-t border-border pt-4">
<div className="flex items-center gap-1.5">
<CalendarDays className="h-4 w-4" />
<span>{date ? format(new Date(date), "d MMM yyyy", { locale: tr }) : "Tarih yok"}</span>
<span>{date ? formatDate(date, locale.locale) : "-"}</span>
</div>
{isDone ? <CheckCircle2 className="h-4 w-4 text-emerald-500" /> : <Clock className="h-4 w-4" />}
</div>