feat: Erinnerungs-Checkboxen, Anbieterlogos via Logo.dev, Kontakte in Einstellungen
This commit is contained in:
1 parent
11bef8748f
commit
a1195223e0
18 files changed
+381
-50
No files matched your search
@@ -2,6 +2,7 @@
|
||||
import { use, useEffect, useState } from "react";
|
||||
import Link from "next/link";
|
||||
import Shell from "../../components/shell";
|
||||
import LogoImg from "../../components/logo-img";
|
||||
import { formatEuro } from "@/lib/vouchers";
|
||||
import { getVoucherStatus } from "@/lib/voucher-status";
|
||||
|
||||
@@ -16,6 +17,8 @@ type Voucher = {
|
||||
kategorie: string | null;
|
||||
notiz: string | null;
|
||||
status: string;
|
||||
providerDomain?: string | null;
|
||||
logoUrl?: string | null;
|
||||
contacts?: { contact: { id: number; name: string; email: string | null; telegramChatId: string | null } }[];
|
||||
};
|
||||
|
||||
@@ -82,7 +85,10 @@ export default function VoucherDetailPage({ params }: { params: Promise<{ id: st
|
||||
<Link href="/" className="text-sm font-medium text-muted hover:text-ink">
|
||||
← Zurück
|
||||
</Link>
|
||||
<h1 className="mt-2 text-2xl font-semibold tracking-tight">{v.name}</h1>
|
||||
<div className="mt-2 flex items-center gap-3">
|
||||
<LogoImg logoUrl={v.logoUrl ?? null} name={v.anbieter} size={52} />
|
||||
<h1 className="text-2xl font-semibold tracking-tight">{v.name}</h1>
|
||||
</div>
|
||||
<section aria-label="Details" className="mt-4 divide-y divide-line rounded-card border border-line bg-white px-5 py-2">
|
||||
<Row label="Anbieter">{v.anbieter}</Row>
|
||||
<Row label="Wert">{formatEuro(v.wertCents)}</Row>
|
||||
|
||||
Reference in new issue
Block a user