Files
neta/app/(dashboard)/calendar/page.tsx
T

65 lines
3.0 KiB
TypeScript

import { CalendarClient, type CalendarEventItem, type CalendarRelationOption, type CalendarTaskOption } from "@/app/(dashboard)/calendar/calendar-client";
import { requireFreelancerBackend } from "@/server/web/freelancer";
import { resolveFreelancerLocale } from "@/server/i18n/resolver";
import { getClientI18nPayload } from "@/server/i18n/translator";
import { I18nProvider } from "@/components/i18n/i18n-provider";
import type { ContentTranslationRow } from "@/server/i18n/content";
function buildTranslations(rows: ContentTranslationRow[] | undefined) {
if (!rows) return undefined;
const result: Record<string, Record<string, string>> = {};
for (const row of rows) {
if (!result[row.locale]) result[row.locale] = {};
result[row.locale][row.field] = row.value;
}
return result;
}
export default async function CalendarPage() {
const { context, actor, service } = await requireFreelancerBackend();
const resolvedLocale = await resolveFreelancerLocale(context);
const payload = getClientI18nPayload(resolvedLocale.locale, ["calendar"]);
const activeLocales = service.listLocales(actor).filter(l => l.status !== "archived").map(l => ({ code: l.code, name: l.nativeName }));
const eventRows = service.listCalendarEvents(actor);
const clientRows = service.listClients(actor);
const projectRows = service.listProjects(actor);
const taskRows = service.listTasks(actor);
const clients = new Map(clientRows.map((item) => [item.id, item.name]));
const projects = new Map(projectRows.map((item) => [item.id, item.name]));
const tasks = new Map(taskRows.map((item) => [item.id, item.title]));
const translationsMap = service.contentTranslations.listBatch("calendar_event", eventRows.map(e => e.id));
const events: CalendarEventItem[] = eventRows.map((event) => ({
id: event.id,
title: event.title,
description: event.description,
type: event.type,
starts_at: event.startsAt.toISOString(),
ends_at: event.endsAt?.toISOString() ?? null,
client_id: event.clientId,
project_id: event.projectId,
task_id: event.taskId,
clientName: event.clientId ? clients.get(event.clientId) ?? null : null,
projectName: event.projectId ? projects.get(event.projectId) ?? null : null,
taskTitle: event.taskId ? tasks.get(event.taskId) ?? null : null,
translations: buildTranslations(translationsMap.get(event.id)),
}));
const clientOptions: CalendarRelationOption[] = clientRows
.filter((item) => item.status !== "archived")
.map(({ id, name }) => ({ id, name }));
const projectOptions: CalendarRelationOption[] = projectRows
.filter((item) => item.status !== "cancelled")
.map(({ id, name }) => ({ id, name }));
const taskOptions: CalendarTaskOption[] = taskRows
.filter((item) => item.status !== "done" && item.status !== "cancelled")
.map(({ id, title }) => ({ id, title }));
return (
<I18nProvider payload={payload}>
<CalendarClient events={events} clients={clientOptions} projects={projectOptions} tasks={taskOptions} activeLocales={activeLocales} />
</I18nProvider>
);
}