Add missing admin addon translations and fix event name rendering
Some checks failed
linter / quality (push) Has been cancelled
tests / ci (push) Has been cancelled
tests / ui (push) Has been cancelled

This commit is contained in:
Codex Agent
2026-02-07 15:15:25 +01:00
parent 922da46331
commit 64b3bf3ed4
4 changed files with 69 additions and 7 deletions

View File

@@ -148,6 +148,21 @@ function resolveScopeFromQuery(input: string | null): 'photos' | 'guests' | 'gal
return null;
}
function resolveEventName(
name: TenantEvent['name'],
t: (key: string, fallback: string) => string,
): string {
if (typeof name === 'string' && name.trim() !== '') {
return name;
}
if (name && typeof name === 'object') {
return name.de ?? name.en ?? Object.values(name)[0] ?? t('events.placeholders.untitled', 'Untitled event');
}
return t('events.placeholders.untitled', 'Untitled event');
}
export default function MobileEventAddonsPage() {
const { slug } = useParams<{ slug: string }>();
const navigate = useNavigate();
@@ -355,7 +370,7 @@ export default function MobileEventAddonsPage() {
{t('events.addons.event', 'Event')}
</Text>
<Text fontSize="$lg" fontWeight="800" color={textStrong}>
{typeof event.name === 'string' ? event.name : t('events.placeholders.untitled', 'Untitled event')}
{resolveEventName(event.name, t as any)}
</Text>
{event.package?.name ? (
<XStack gap="$2" alignItems="center" flexWrap="wrap">
@@ -403,7 +418,7 @@ export default function MobileEventAddonsPage() {
{!hasSellableAddons ? (
<MobileCard>
<Text fontSize="$sm" color={muted}>
{t('events.recap.noAddonAvailable', 'No add-ons are currently available.')}
{t('events.addons.noAddonAvailable', 'No add-ons are currently available.')}
</Text>
</MobileCard>
) : (

View File

@@ -7,7 +7,7 @@ const navigateMock = vi.fn();
const fixtures = vi.hoisted(() => ({
event: {
id: 42,
name: 'Demo Event',
name: { de: 'Demo Event DE', en: 'Demo Event EN' },
slug: 'demo-event',
status: 'published',
event_date: '2026-02-01T12:00:00Z',
@@ -165,6 +165,7 @@ describe('MobileEventAddonsPage', () => {
it('renders add-ons and event-specific purchase history', async () => {
render(<MobileEventAddonsPage />);
expect(await screen.findByText('Demo Event DE')).toBeInTheDocument();
expect((await screen.findAllByText('Extend gallery 30 days')).length).toBeGreaterThan(0);
expect(screen.getByText('Extra photos 500')).toBeInTheDocument();
expect(screen.getByText('Purchased add-ons for this event')).toBeInTheDocument();