105 lines
3.8 KiB
TypeScript
105 lines
3.8 KiB
TypeScript
import { getTranslations } from 'next-intl/server';
|
|
import { Card, CardContent } from '@/components/ui/card';
|
|
import { ClipboardList } from 'lucide-react';
|
|
import { WikiBackLink } from '@/components/wiki/WikiBackLink';
|
|
|
|
export default async function DocumentsTransportPage() {
|
|
const t = await getTranslations('dashboard.wikiPages');
|
|
|
|
const documents = t.raw('documentsTransport.documents') as Array<{
|
|
name: string;
|
|
type: string;
|
|
description: string;
|
|
types: string[];
|
|
}>;
|
|
const additionalDocs = t.raw('documentsTransport.additionalDocs') as Array<{
|
|
name: string;
|
|
description: string;
|
|
}>;
|
|
const blFunctions = t.raw('documentsTransport.blFunctions') as Array<{
|
|
title: string;
|
|
description: string;
|
|
}>;
|
|
|
|
return (
|
|
<div className="space-y-6">
|
|
<WikiBackLink />
|
|
|
|
<div className="mb-8">
|
|
<div className="flex items-center gap-3">
|
|
<ClipboardList className="w-10 h-10 text-brand-navy" />
|
|
<h1 className="text-3xl font-bold text-brand-navy">{t('documentsTransport.title')}</h1>
|
|
</div>
|
|
<p className="mt-3 text-neutral-600 max-w-3xl">{t('documentsTransport.description')}</p>
|
|
</div>
|
|
|
|
<div className="mt-8">
|
|
<h2 className="text-xl font-bold text-brand-navy mb-4">
|
|
{t('documentsTransport.mainDocumentsTitle')}
|
|
</h2>
|
|
<div className="space-y-4">
|
|
{documents.map(doc => (
|
|
<Card key={doc.name} className="bg-white">
|
|
<CardContent className="pt-4">
|
|
<div className="flex items-start justify-between gap-4">
|
|
<div className="flex-1">
|
|
<div className="flex items-center gap-2 mb-1">
|
|
<h4 className="font-semibold text-brand-navy">{doc.name}</h4>
|
|
<span className="px-2 py-0.5 text-xs bg-brand-blue/10 text-brand-navy rounded">
|
|
{doc.type}
|
|
</span>
|
|
</div>
|
|
<p className="text-sm text-neutral-600 mb-2">{doc.description}</p>
|
|
<div className="flex flex-wrap gap-1">
|
|
{doc.types.map((type, j) => (
|
|
<span
|
|
key={j}
|
|
className="px-2 py-0.5 text-xs bg-neutral-100 text-neutral-600 rounded"
|
|
>
|
|
{type}
|
|
</span>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-8">
|
|
<h2 className="text-xl font-bold text-brand-navy mb-4">
|
|
{t('documentsTransport.additionalDocsTitle')}
|
|
</h2>
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
{additionalDocs.map(doc => (
|
|
<Card key={doc.name} className="bg-white">
|
|
<CardContent className="pt-4">
|
|
<h4 className="font-semibold text-brand-navy">{doc.name}</h4>
|
|
<p className="text-sm text-neutral-600 mt-1">{doc.description}</p>
|
|
</CardContent>
|
|
</Card>
|
|
))}
|
|
</div>
|
|
</div>
|
|
|
|
<Card className="mt-8 bg-brand-blue/5 border-brand-blue/30">
|
|
<CardContent className="pt-6">
|
|
<h3 className="font-semibold text-brand-navy mb-4">
|
|
{t('documentsTransport.blFocusTitle')}
|
|
</h3>
|
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
{blFunctions.map(fn => (
|
|
<div key={fn.title} className="bg-white p-4 rounded-lg border border-brand-blue/30">
|
|
<h4 className="font-medium text-brand-navy mb-1">{fn.title}</h4>
|
|
<p className="text-sm text-neutral-600">{fn.description}</p>
|
|
</div>
|
|
))}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
</div>
|
|
);
|
|
}
|