+ {t.sectionTitle}
+
+ {t.intro}
+
+
+ {records.loading && {de.common.loading}
}
+ {records.error && (
+
+ {records.error}
+
+
+ )}
+ {removal.error && {removal.error}
}
+
+ {!records.loading && !records.error && items.length === 0 && editing === null && (
+ {t.empty}
+ )}
+
+ {items.length > 0 && (
+
+ {items.map((a) => (
+ -
+ {a.date ? formatDate(a.date) : t.noDate}
+ {a.price === null ? t.noPrice : formatPrice(a.price)}
+ {a.note && {a.note}}
+
+
+
+ ))}
+
+ )}
+
+ {editing !== null ? (
+
+ ) : (
+
+
+
+ )}
+
+ )
+}
diff --git a/gerbil-manager-web/src/pages/GerbilDetailPage.tsx b/gerbil-manager-web/src/pages/GerbilDetailPage.tsx
index a6791fc..47761c7 100644
--- a/gerbil-manager-web/src/pages/GerbilDetailPage.tsx
+++ b/gerbil-manager-web/src/pages/GerbilDetailPage.tsx
@@ -10,6 +10,7 @@ import { ALL_TRAITS, TRAIT_CATEGORIES } from '../format/traits'
import { fromDisplayString, genotypeToFarbschlag, displayGenotypeSafe } from '../genetics'
import type { Gender, GerbilStatus } from '../api/types'
import FarbschlagImage from '../components/FarbschlagImage'
+import GerbilAcquisitionSection from '../components/GerbilAcquisitionSection'
import GerbilHealthTab from '../components/GerbilHealthTab'
import GerbilPhotosTab from '../components/GerbilPhotosTab'
import GerbilProfilePhoto from '../components/GerbilProfilePhoto'
@@ -336,6 +337,8 @@ export default function GerbilDetailPage() {
+