diff --git a/gerbil-manager-web/src/pages/GerbilsPage.tsx b/gerbil-manager-web/src/pages/GerbilsPage.tsx index 314f0f2..f8c198a 100644 Binary files a/gerbil-manager-web/src/pages/GerbilsPage.tsx and b/gerbil-manager-web/src/pages/GerbilsPage.tsx differ diff --git a/gerbil-manager-web/src/pages/WuerfeListPage.tsx b/gerbil-manager-web/src/pages/WuerfeListPage.tsx index 3da1009..2f7ccce 100644 --- a/gerbil-manager-web/src/pages/WuerfeListPage.tsx +++ b/gerbil-manager-web/src/pages/WuerfeListPage.tsx @@ -1,4 +1,4 @@ -import { useMemo, useState } from 'react' +import { useCallback, useMemo, useState } from 'react' import { Link } from 'react-router-dom' import { de } from '../strings/de' 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) return map }, [gerbils.data]) - const parentName = (id: string | null): string => { + const parentName = useCallback((id: string | null): string => { if (!id) return '—' 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). const filter = andFilter( @@ -96,7 +96,7 @@ export default function WuerfeListPage() { parentName(p.fatherId).toLowerCase().includes(term) || parentName(p.motherId).toLowerCase().includes(term) ) - }, [pairs, search, gerbilById]) + }, [pairs, search, parentName]) const items = litters.items diff --git a/gerbil-manager-web/src/pages/WurfDetailPage.tsx b/gerbil-manager-web/src/pages/WurfDetailPage.tsx index 0c4c8f8..3de55c0 100644 --- a/gerbil-manager-web/src/pages/WurfDetailPage.tsx +++ b/gerbil-manager-web/src/pages/WurfDetailPage.tsx @@ -141,7 +141,7 @@ export default function WurfDetailPage() { const l = litter.data const registered = juveniles.data?.totalCount ?? 0 const parentLink = (id: string | null, g: Gerbil | null) => - id && g ? {gerbilName(g)} : t.detail.unknownParent + id && g ? {gerbilName(g) || de.pages.gerbils.nameless} : t.detail.unknownParent return (