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 (