import Link from 'next/link';
/** Sayfa başlığı + sağda eylemler */
export function AHead({ kicker, title, children }: { kicker?: React.ReactNode; title: React.ReactNode; children?: React.ReactNode }) {
return (
{kicker &&
{kicker}
}
{title}
{children &&
{children}
}
);
}
/** Sayı kartı: değer, alt açıklama, isteğe bağlı uyarı tonu */
export function Stat({ k, v, sub, tone, href }: { k: string; v: React.ReactNode; sub?: React.ReactNode; tone?: 'warn' | 'bad' | 'good'; href?: string }) {
const c = tone === 'bad' ? 'border-l-survey' : tone === 'warn' ? 'border-l-signal' : tone === 'good' ? 'border-l-ok' : 'border-l-transparent';
const body = (<>{k}
{v}
{sub && {sub}
});
return href ? {body} : {body}
;
}
export function Panel({ title, action, children, pad = true }: { title: string; action?: React.ReactNode; children: React.ReactNode; pad?: boolean }) {
return (
{title}
{action}
{children}
);
}
/** Günlük seri: çubuk grafik (SVG, sunucuda çizilir). İkinci seri varsa üst üste değil yan yana. */
export function Bars({ data, fmt = (x) => String(x), color = '#111311', height = 120 }: { data: { label: string; v: number }[]; fmt?: (x: number) => string; color?: string; height?: number }) {
const max = Math.max(1, ...data.map((d) => d.v)); const w = 100 / Math.max(1, data.length);
const total = data.reduce((a, d) => a + d.v, 0);
return (
{data[0]?.label}en yüksek {fmt(max)}{data.at(-1)?.label}
);
}
/** Dağılım listesi: etiket, yatay çubuk, değer */
export function Dist({ rows, fmt = (x) => x.toLocaleString('tr-TR'), empty = 'Veri yok' }: { rows: { label: string; v: number; href?: string }[]; fmt?: (x: number) => string; empty?: string }) {
if (!rows.length) return {empty}
;
const max = Math.max(...rows.map((r) => r.v)); const tot = rows.reduce((a, r) => a + r.v, 0);
return (
{rows.map((r) => {
const lbl = r.href ? {r.label} : r.label;
return (
-
{lbl}
{fmt(r.v)} %{Math.round((r.v / tot) * 100)}
);
})}
);
}
export function Pager({ page, total, size, link }: { page: number; total: number; size: number; link: (p: number) => string }) {
const pages = Math.max(1, Math.ceil(total / size));
return (
{total.toLocaleString('tr-TR')} kayıt · sayfa {page}/{pages}
{page > 1 ? ‹ Önceki : ‹ Önceki}
{page < pages ? Sonraki › : Sonraki ›}
);
}
/** GET filtre formu kabı (sayfa yenilenerek çalışır, JS gerektirmez) */
export function Filters({ children, reset }: { children: React.ReactNode; reset: string }) {
return (
);
}
export const fieldSm = 'h-9 border border-ink/25 bg-white px-2 text-[13.5px] outline-none focus:border-ink';
/** Tanım listesi */
export function KV({ rows }: { rows: [string, React.ReactNode][] }) {
return (
{rows.filter(([, v]) => v !== null && v !== undefined && v !== '').map(([k, v]) => (
- {k}
- {v}
))}
);
}