— kein JS-State nötig, barrierefrei, mobiltauglich.
+ * Texte referenzieren nur Bezeichnungen aus de.ts (bleiben bei Umbenennung korrekt).
+ */
+import { de } from '../strings/de'
+import './hilfe.css'
+
+const t = de.hilfe
+const nav = de.nav
+const g = de.pages.gerbils
+const l = de.pages.litters
+const b = de.pages.becken
+const st = de.pages.stammbaum
+const ge = de.pages.genetik
+const ab = de.pages.abgabe
+const stat = de.pages.statistik
+const scheckeWarning = de.genetics.warnings.SCHECKE_LETHAL
+const rexWarning = de.genetics.warnings.REX_SEMI_LETHAL
+
+interface Section {
+ id: string
+ title: string
+ content: React.ReactNode
+}
+
+const sections: Section[] = [
+ {
+ id: 'erste-schritte',
+ title: t.sections.ersteSchritte,
+ content: (
+ <>
+ Willkommen im {de.app.title}! Diese Anleitung führt dich durch die wichtigsten Bereiche.
+ Die Navigation erreichst du unten (Smartphone) oder links (Laptop). Mit „{nav.more}" öffnest du alle weiteren Bereiche.
+ Empfohlene Reihenfolge beim ersten Mal:
+
+ - Becken anlegen (wo leben deine Tiere?)
+ - Rennmäuse anlegen mit Foto
+ - Würfe eintragen
+ - Genetik erkunden
+
+ Tipp: Lege zuerst die Becken an — dann kannst du beim Erfassen der Tiere direkt das richtige Becken auswählen.
+
+ ),
+ },
+ {
+ id: 'tiere',
+ title: t.sections.tiere,
+ content: (
+ <>
+ Unter „{nav.gerbils}" siehst du alle deine Rennmäuse. Mit „{g.newButton}" legst du ein neues Tier an.
+ Pflichtfelder sind „{g.fields.name}" und „{g.fields.gender}". Optional kannst du Geburtsdatum, Farbschlag, Genotyp, Becken und Herkunft eintragen.
+ Auf der Detailseite findest du drei Tabs:
+
+ - „{g.detail.tabs.photos}" — Fotos hochladen; das erste Foto wird als Profilfoto angezeigt.
+ - „{g.detail.tabs.health}" — Tierarztbesuche, Behandlungen und Untersuchungen eintragen.
+ - „{g.detail.tabs.weight}" — Gewicht in Gramm erfassen; nach zwei Einträgen erscheint eine Verlaufskurve.
+
+ Mit den Filtern oben in der Liste kannst du nach Status, Geschlecht und Farbschlag filtern oder nach Name suchen.
+
+ ),
+ },
+ {
+ id: 'becken',
+ title: t.sections.becken,
+ content: (
+ <>
+ Unter „{nav.enclosures}" verwaltest du deine Gehege. Mit „{b.newButton}" legst du ein neues Becken an (nur Name ist Pflicht).
+ Die Detailseite zeigt dir die aktuellen „{b.occupancy.title}" — mit Links direkt zur Tierakte. So siehst du auf einen Blick, wer wo lebt.
+ Ein Becken lässt sich nur löschen, wenn es leer ist — das schützt vor versehentlichem Datenverlust.
+ Unter „{nav.contacts}" kannst du Züchter, Käufer und andere Kontakte anlegen. Diese lassen sich dann als Herkunft oder Abnehmer bei Tieren eintragen.
+
+ ),
+ },
+ {
+ id: 'wuerfe',
+ title: t.sections.wuerfe,
+ content: (
+ <>
+ Unter „{nav.litters}" erfasst du Würfe. Mit „{l.newButton}" trägst du Vater, Mutter, Wurfdatum und Wurfstärke ein.
+ Das „{l.fields.expectedGoHomeDate}" wird automatisch auf 35 Tage nach dem Wurfdatum vorgeschlagen — du kannst es anpassen.
+ Auf der Wurf-Detailseite siehst du unter „{l.detail.registered}" die bereits erfassten Jungtiere. Mit „{l.detail.registerJuvenile}" legst du ein neues Tier an, das direkt mit diesem Wurf verknüpft ist.
+ Im Tab „{l.tabs.pairs}" siehst du alle Verpaarungen aus deinen Würfen auf einen Blick — mit Anzahl Würfe und Datum des letzten Wurfes.
+ Tipp: Wenn du auf der Genetik-Seite eine Probeverpaarung berechnest, kannst du mit „Probeverpaarung" direkt zur Genetikseite springen und das Tierpaar vorauswählen.
+
+ ),
+ },
+ {
+ id: 'genetik',
+ title: t.sections.genetik,
+ content: (
+ <>
+ Unter „{nav.genetics}" berechnest du, welche Farbschläge bei einer Verpaarung möglich sind.
+ Wähle „{ge.father}" und „{ge.mother}" aus deinen Tieren oder gib die Genotypen manuell ein. Klicke dann auf „{ge.run}".
+ Das Ergebnis zeigt alle möglichen Farbschläge mit Wahrscheinlichkeit — du kannst zwischen Anzeige nach Farbschlag und nach Genotyp wechseln.
+ Wichtige Warnungen:
+
+ - Schecke × Schecke: {scheckeWarning}
+ - Rex × Rex: {rexWarning}
+
+ Diese Warnungen erscheinen automatisch, wenn die entsprechende Kombination erkannt wird. Bitte beachte sie beim Zuchtentscheid.
+ Den Genotyp eines Tieres trägst du auf der Tier-Detailseite unter „{g.detail.masterData}" ein. Format: z. B. Aa CC Dd EE GG Pp Spsp rere. Unbekannte Stellen als ?.
+
+ ),
+ },
+ {
+ id: 'stammbaum',
+ title: t.sections.stammbaum,
+ content: (
+ <>
+ Auf der Tier-Detailseite öffnest du mit „{st.openButton}" den interaktiven Stammbaum.
+ Navigieren: {st.tapHint}
+ Zoomen: Mit den Schaltflächen „{st.zoomIn}" / „{st.zoomOut}" oder per Pinch-Geste auf dem Smartphone. „{st.zoomFit}" passt die Ansicht an den Bildschirm an.
+ Drucken / PDF: Mit „{st.print}" öffnest du die Druckansicht (Ahnentafel). Wähle im Druckdialog „Als PDF speichern", um eine Datei zu erzeugen.
+ Der „{st.inbreeding.label}" wird automatisch für das angezeigte Tier berechnet und oben angezeigt.
+ Tipp: Je mehr Elterntiere und Würfe du erfasst hast, desto tiefer reicht der Stammbaum.
+
+ ),
+ },
+ {
+ id: 'abgabe',
+ title: t.sections.abgabe,
+ content: (
+ <>
+ Der Abgabe-Ablauf läuft in mehreren Schritten:
+
+ -
+ Tier zur Abgabe stellen: Öffne die Tierakte und klicke auf „{ab.markAction}". Das Tier wechselt in den Status „{de.pages.gerbils.statusLabels.ForSale}".
+
+ -
+ Gruppen bilden: Auf der „{nav.forSale}"-Seite werden Tiere nach Becken vorgruppiert. Du kannst Tiere zwischen Gruppen verschieben oder neue Gruppen anlegen.
+
+ -
+ Inserat erstellen: Fülle für jede Gruppe den emotionalen Einzeiler und den Charakter-Text aus.
+
+ -
+ Text kopieren & Fotos herunterladen: Mit „{ab.export.copyText}" kommt der fertige Inseratstext in die Zwischenablage. Mit „{ab.export.downloadPhotos}" lädst du alle Fotos der Gruppe als ZIP herunter.
+
+ -
+ KI-Unterstützung (optional): Mit „{ab.ai.improve}" kann der Text automatisch verbessert werden — dazu ist ein API-Schlüssel nötig.
+
+
+ Tipp: Bearbeite jede Gruppe einzeln — Text und Fotos für eine Gruppe gleichzeitig zusammenstellen, dann weiter zur nächsten.
+
+ ),
+ },
+ {
+ id: 'statistik',
+ title: t.sections.statistik,
+ content: (
+ <>
+ Unter „{nav.statistics}" findest du Auswertungen über deinen Bestand:
+
+ - „{stat.littersPerYear}" — wie viele Würfe pro Jahr.
+ - „{stat.avgLitterSize}" — durchschnittliche Wurfstärke pro Jahr.
+ - „{stat.farbschlag}" — wie viele aktive Tiere welchen Farbschlag haben.
+ - „{stat.population}" — wie sich dein Bestand über die Zeit entwickelt hat.
+ - „{stat.losses}" — verstorbene Tiere nach Jahr.
+
+ Die Statistiken werden automatisch aus deinen Daten berechnet. Je vollständiger deine Einträge (Geburtsdaten, Farbschläge, Wurfstärken), desto aussagekräftiger die Auswertungen.
+
+ ),
+ },
+ {
+ id: 'datensicherung',
+ title: t.sections.datensicherung,
+ content: (
+ <>
+ Deine Daten liegen sicher auf Julian's Server zu Hause — kein Cloud-Konto nötig.
+ Julian erstellt automatisch jeden Nacht um 3 Uhr ein Backup der Datenbank und aller Fotos. Bei einem Problem kann er den Stand eines beliebigen Tages wiederherstellen.
+ Wenn du versehentlich Daten gelöscht hast, wende dich an Julian. Er kann aus einem der letzten 7 Tages-Backups wiederherstellen.
+
+ ),
+ },
+]
+
+export default function HilfePage() {
+ return (
+
+ {t.title}
+ {t.subtitle}
+
+
+ {sections.map((s) => (
+
+
+ {s.title}
+ ▾
+
+ {s.content}
+
+ ))}
+