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>
20 lines
654 B
TypeScript
20 lines
654 B
TypeScript
/** Toast notifications: the context + `useToast()` hook (kept separate from the
|
|
* provider component so each module has a single concern / fast-refresh stays happy). */
|
|
import { createContext, useContext } from 'react'
|
|
|
|
export type ToastVariant = 'success' | 'error' | 'info'
|
|
|
|
export interface ToastApi {
|
|
show: (message: string, variant?: ToastVariant) => void
|
|
success: (message: string) => void
|
|
error: (message: string) => void
|
|
}
|
|
|
|
const NOOP: ToastApi = { show: () => {}, success: () => {}, error: () => {} }
|
|
|
|
export const ToastContext = createContext<ToastApi>(NOOP)
|
|
|
|
export function useToast(): ToastApi {
|
|
return useContext(ToastContext)
|
|
}
|