feat: Rennmausakte, Zucht-Suffix, Gehege-Bilder, Toasts, Infinite-Scroll
Detailseite (Rennmausakte): - Neugestaltung: Hero-Foto + Overlay, Schnellfakten-Pills, Karten-Sektionen, Charakter als Chips, getabte Fotos/Gesundheit/Gewicht. - Eltern (Vater/Mutter) als Links; Charakter-Karte klappt bei Status Abgabe/Verstorben/Abgegeben ein (nur Zucht/Liebhaber offen). - Gehege wird bei abgegebenen/verstorbenen Tieren ausgeblendet (Detail + Formular). Listen: - Infinite Scroll auf allen Listen (Rennmäuse, Würfe, Gehege, Verträge, Anfragen, Kontakte) via useInfiniteList/useInfiniteSentinel; stabile Sortierung mit id-Tiebreaker (keine doppelten Keys), Back-to-top-Button. - Kontakte: Rolle-Filter (Züchter/Abnehmer) als Quick-Chips + Sticky-Header. Zucht-Nachname: - Namens-Anhängsel der Zucht in den Einstellungen + je Züchter-Kontakt (Backend-Spalten + Migration); eigene Tiere zeigen „Name + Suffix". - „Eigene Zucht" ist die Standard-Herkunft neuer Tiere. Weiteres: - Gehege-Bilder: Upload/Galerie auf der Gehege-Detailseite (Backend EnclosurePhoto + Endpoints + Migration, geteilte Dateiablage). - Toast-Rückmeldungen für alle Speichern-Aktionen. - Checkboxen durch mobile-freundliche Toggle-Schalter ersetzt. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -13,12 +13,14 @@ import {
|
||||
type BreederProfile,
|
||||
} from '../api/settings'
|
||||
import { useApi, useMutation } from '../hooks/useApi'
|
||||
import { useToast } from '../components/toast'
|
||||
// EXPORT-1 (Oscar): Datenexport-Karte
|
||||
import DatenexportCard from '../components/DatenexportCard'
|
||||
|
||||
export default function EinstellungenPage() {
|
||||
const t = de.pages.einstellungen
|
||||
const tz = t.zuchtprofil
|
||||
const toast = useToast()
|
||||
|
||||
const [form, setForm] = useState<BreederProfile>(EMPTY_BREEDER_PROFILE)
|
||||
const [initialized, setInitialized] = useState(false)
|
||||
@@ -40,7 +42,12 @@ export default function EinstellungenPage() {
|
||||
async function onSubmit(e: FormEvent) {
|
||||
e.preventDefault()
|
||||
const result = await mutation.run(form)
|
||||
if (result.ok) setSaved(true)
|
||||
if (result.ok) {
|
||||
setSaved(true)
|
||||
toast.success(de.common.saved)
|
||||
} else {
|
||||
toast.error(result.error)
|
||||
}
|
||||
}
|
||||
|
||||
if (existing.loading) return <p className="muted">{de.common.loading}</p>
|
||||
@@ -81,6 +88,7 @@ export default function EinstellungenPage() {
|
||||
|
||||
<form className="form" onSubmit={onSubmit} noValidate>
|
||||
{field('zuchtName', tz.fields.zuchtName)}
|
||||
{field('nameSuffix', tz.fields.nameSuffix, tz.fields.nameSuffixHint)}
|
||||
{field('name', tz.fields.name, tz.fields.nameHint)}
|
||||
{field('address', tz.fields.address, tz.fields.addressHint)}
|
||||
{field('city', tz.fields.city)}
|
||||
|
||||
Reference in New Issue
Block a user