feat(ausstellungen): Ausstellungs-/Auszeichnungsergebnisse je Tier
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -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 GerbilExhibitionsTab from '../components/GerbilExhibitionsTab'
|
||||
import GerbilHealthTab from '../components/GerbilHealthTab'
|
||||
import GerbilPhotosTab from '../components/GerbilPhotosTab'
|
||||
import GerbilProfilePhoto from '../components/GerbilProfilePhoto'
|
||||
@@ -20,7 +21,7 @@ import { useGerbilName } from '../components/breederSuffix'
|
||||
import { useToast } from '../components/toast'
|
||||
import './rennmausakte.css'
|
||||
|
||||
type DetailTab = 'photos' | 'health' | 'weight'
|
||||
type DetailTab = 'photos' | 'health' | 'weight' | 'exhibitions'
|
||||
|
||||
// DESIGN (Rennmausakte): per-status colours for the hero status badge.
|
||||
const STATUS_COLORS: Record<GerbilStatus, string> = {
|
||||
@@ -461,7 +462,7 @@ export default function GerbilDetailPage() {
|
||||
<section className="ak-card">
|
||||
<h2 className="visually-hidden">{t.detail.moreData}</h2>
|
||||
<div className="ak-tabs" role="tablist">
|
||||
{(['photos', 'health', 'weight'] as const).map((key) => (
|
||||
{(['photos', 'health', 'weight', 'exhibitions'] as const).map((key) => (
|
||||
<button
|
||||
key={key}
|
||||
type="button"
|
||||
@@ -478,6 +479,12 @@ export default function GerbilDetailPage() {
|
||||
{tab === 'photos' && <GerbilPhotosTab gerbilId={g.id} />}
|
||||
{tab === 'health' && <GerbilHealthTab gerbilId={g.id} />}
|
||||
{tab === 'weight' && <GerbilWeightTab gerbilId={g.id} />}
|
||||
{tab === 'exhibitions' && (
|
||||
<GerbilExhibitionsTab
|
||||
gerbilId={g.id}
|
||||
entityName={gerbilName(g) || de.pages.gerbils.nameless}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user