fix: show nameless fallback (ohne Namen) for nameless parents in litters list and detail pages

This commit is contained in:
2026-06-21 22:06:10 +02:00
parent e460cd5905
commit b53b8cf2ff
3 changed files with 6 additions and 6 deletions

View File

@@ -1,4 +1,4 @@
import { useMemo, useState } from 'react' import { useCallback, useMemo, useState } from 'react'
import { Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import { de } from '../strings/de' import { de } from '../strings/de'
import { listLitters } from '../api/litters' import { listLitters } from '../api/litters'
@@ -62,11 +62,11 @@ export default function WuerfeListPage() {
for (const g of gerbils.data?.items ?? []) map.set(g.id, g) for (const g of gerbils.data?.items ?? []) map.set(g.id, g)
return map return map
}, [gerbils.data]) }, [gerbils.data])
const parentName = (id: string | null): string => { const parentName = useCallback((id: string | null): string => {
if (!id) return '—' if (!id) return '—'
const gp = gerbilById.get(id) const gp = gerbilById.get(id)
return gp ? gerbilName(gp) || t.detail.unknownParent : t.detail.unknownParent return gp ? gerbilName(gp) || de.pages.gerbils.nameless : t.detail.unknownParent
} }, [gerbilById, gerbilName, t.detail.unknownParent])
// Litters tab (paged, filtered). // Litters tab (paged, filtered).
const filter = andFilter( const filter = andFilter(
@@ -96,7 +96,7 @@ export default function WuerfeListPage() {
parentName(p.fatherId).toLowerCase().includes(term) || parentName(p.fatherId).toLowerCase().includes(term) ||
parentName(p.motherId).toLowerCase().includes(term) parentName(p.motherId).toLowerCase().includes(term)
) )
}, [pairs, search, gerbilById]) }, [pairs, search, parentName])
const items = litters.items const items = litters.items

View File

@@ -141,7 +141,7 @@ export default function WurfDetailPage() {
const l = litter.data const l = litter.data
const registered = juveniles.data?.totalCount ?? 0 const registered = juveniles.data?.totalCount ?? 0
const parentLink = (id: string | null, g: Gerbil | null) => const parentLink = (id: string | null, g: Gerbil | null) =>
id && g ? <Link to={`/rennmaeuse/${id}`}>{gerbilName(g)}</Link> : t.detail.unknownParent id && g ? <Link to={`/rennmaeuse/${id}`}>{gerbilName(g) || de.pages.gerbils.nameless}</Link> : t.detail.unknownParent
return ( return (
<section className="page"> <section className="page">