Add photobooth uploader download email
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-01-13 09:59:39 +01:00
parent b1250c6246
commit 24a1319cc2
12 changed files with 309 additions and 1 deletions

View File

@@ -2068,6 +2068,13 @@ export async function createEventPhotoboothConnectCode(
};
}
export async function sendEventPhotoboothUploaderEmail(slug: string): Promise<void> {
const response = await authorizedFetch(`${photoboothEndpoint(slug)}/uploader-email`, {
method: 'POST',
});
await jsonOrThrow<{ message?: string }>(response, 'Failed to send photobooth uploader email');
}
export async function submitTenantFeedback(payload: {
category: string;
sentiment?: 'positive' | 'neutral' | 'negative';

View File

@@ -1211,6 +1211,9 @@
"uploaderDownload": {
"title": "Fotospiel Uploader App",
"description": "Die Fotospiel Uploader App wird benötigt, damit Uploads stabil laufen, die Zugangsdaten geschützt bleiben und keine Dateien verloren gehen.",
"emailAction": "Download-Links per E-Mail senden",
"emailSuccess": "Download-Links wurden per E-Mail gesendet.",
"emailFailed": "E-Mail konnte nicht gesendet werden.",
"actionWindows": "Uploader herunterladen (Windows)",
"actionMac": "Uploader herunterladen (macOS)",
"actionLinux": "Uploader herunterladen (Linux)"

View File

@@ -924,6 +924,9 @@
"uploaderDownload": {
"title": "Fotospiel Uploader App",
"description": "The Fotospiel Uploader App is required so uploads stay stable, credentials remain protected, and no files are lost.",
"emailAction": "Send download links by email",
"emailSuccess": "Download links were sent by email.",
"emailFailed": "Email could not be sent.",
"actionWindows": "Download uploader (Windows)",
"actionMac": "Download uploader (macOS)",
"actionLinux": "Download uploader (Linux)"

View File

@@ -1,7 +1,7 @@
import React from 'react';
import { useNavigate, useParams } from 'react-router-dom';
import { useTranslation } from 'react-i18next';
import { RefreshCcw, PlugZap, RefreshCw, ShieldCheck, Copy, Power, Clock3 } from 'lucide-react';
import { RefreshCcw, PlugZap, RefreshCw, ShieldCheck, Copy, Power, Clock3, Mail } from 'lucide-react';
import { YStack, XStack } from '@tamagui/stacks';
import { SizableText as Text } from '@tamagui/text';
import { Switch } from '@tamagui/switch';
@@ -15,6 +15,7 @@ import {
disableEventPhotobooth,
rotateEventPhotobooth,
createEventPhotoboothConnectCode,
sendEventPhotoboothUploaderEmail,
PhotoboothStatus,
TenantEvent,
} from '../api';
@@ -41,6 +42,7 @@ export default function MobileEventPhotoboothPage() {
const [connectCode, setConnectCode] = React.useState<string | null>(null);
const [connectExpiresAt, setConnectExpiresAt] = React.useState<string | null>(null);
const [connectLoading, setConnectLoading] = React.useState(false);
const [sendingEmail, setSendingEmail] = React.useState(false);
const [showCredentials, setShowCredentials] = React.useState(false);
const back = useBackNavigation(slug ? adminPath(`/mobile/events/${slug}`) : adminPath('/mobile/events'));
@@ -138,6 +140,23 @@ export default function MobileEventPhotoboothPage() {
}
};
const handleSendDownloadEmail = async () => {
if (!slug) return;
setSendingEmail(true);
try {
await sendEventPhotoboothUploaderEmail(slug);
toast.success(t('photobooth.uploaderDownload.emailSuccess', 'Download-Links wurden per E-Mail gesendet.'));
} catch (err) {
if (!isAuthError(err)) {
toast.error(
getApiErrorMessage(err, t('photobooth.uploaderDownload.emailFailed', 'E-Mail konnte nicht gesendet werden.'))
);
}
} finally {
setSendingEmail(false);
}
};
const spark = status?.sparkbooth ?? null;
const metrics = spark?.metrics ?? null;
const expiresAt = spark?.expires_at ?? status?.expires_at;
@@ -261,6 +280,17 @@ export default function MobileEventPhotoboothPage() {
'Die Fotospiel Uploader App ist verpflichtend, damit Uploads stabil laufen, die Zugangsdaten geschützt bleiben und keine Dateien verloren gehen.'
)}
</Text>
<CTAButton
label={
sendingEmail
? t('common.processing', '...')
: t('photobooth.uploaderDownload.emailAction', 'Download-Links per E-Mail senden')
}
tone="ghost"
onPress={handleSendDownloadEmail}
iconLeft={<Mail size={14} color={text} />}
disabled={sendingEmail}
/>
<CTAButton
label={t('photobooth.uploaderDownload.actionWindows', 'Uploader herunterladen (Windows)')}
onPress={() => {

View File

@@ -0,0 +1,66 @@
@extends('emails.partials.layout')
@section('title', __('emails.photobooth_uploader.subject', ['event' => $eventName]))
@section('preheader', __('emails.photobooth_uploader.preheader', ['event' => $eventName]))
@section('hero_title', __('emails.photobooth_uploader.hero_title', ['name' => $recipientName]))
@section('hero_subtitle', __('emails.photobooth_uploader.hero_subtitle', ['event' => $eventName]))
@section('content')
<p style="margin:0 0 16px; font-size:15px; color:#1f2937;">
{{ __('emails.photobooth_uploader.body', ['event' => $eventName]) }}
</p>
<p style="margin:0 0 12px; font-size:14px; color:#6b7280;">
{{ __('emails.photobooth_uploader.downloads_title') }}
</p>
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="margin-bottom:12px;">
<tr>
<td style="padding:4px 0; font-size:14px; color:#1f2937;">
<strong>{{ __('emails.photobooth_uploader.downloads.windows') }}</strong>
</td>
<td align="right" style="padding:4px 0; font-size:14px;">
<a href="{{ $links['windows'] }}" style="color:#1d4ed8; text-decoration:none;">
{{ $links['windows'] }}
</a>
</td>
</tr>
<tr>
<td style="padding:4px 0; font-size:14px; color:#1f2937;">
<strong>{{ __('emails.photobooth_uploader.downloads.macos') }}</strong>
</td>
<td align="right" style="padding:4px 0; font-size:14px;">
<a href="{{ $links['macos'] }}" style="color:#1d4ed8; text-decoration:none;">
{{ $links['macos'] }}
</a>
</td>
</tr>
<tr>
<td style="padding:4px 0; font-size:14px; color:#1f2937;">
<strong>{{ __('emails.photobooth_uploader.downloads.linux') }}</strong>
</td>
<td align="right" style="padding:4px 0; font-size:14px;">
<a href="{{ $links['linux'] }}" style="color:#1d4ed8; text-decoration:none;">
{{ $links['linux'] }}
</a>
</td>
</tr>
</table>
<p style="margin:0; font-size:14px; color:#6b7280;">
{{ __('emails.photobooth_uploader.credentials_hint') }}
</p>
@endsection
@section('cta')
<a href="{{ $links['windows'] }}" style="display:inline-block; background-color:#111827; color:#ffffff; text-decoration:none; padding:12px 20px; border-radius:999px; font-weight:600; font-size:14px; margin-right:8px;">
{{ __('emails.photobooth_uploader.cta_windows') }}
</a>
<a href="{{ $links['macos'] }}" style="display:inline-block; background-color:#f3f4f6; color:#111827; text-decoration:none; padding:12px 18px; border-radius:999px; font-weight:600; font-size:14px; margin-right:8px;">
{{ __('emails.photobooth_uploader.cta_macos') }}
</a>
<a href="{{ $links['linux'] }}" style="display:inline-block; background-color:#f3f4f6; color:#111827; text-decoration:none; padding:12px 18px; border-radius:999px; font-weight:600; font-size:14px;">
{{ __('emails.photobooth_uploader.cta_linux') }}
</a>
@endsection
@section('footer')
{!! __('emails.photobooth_uploader.footer') !!}
@endsection