fix: show nameless fallback (ohne Namen) for nameless parents in litters list and detail pages
This commit is contained in:
Binary file not shown.
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user