Das Abschalten des Aufgaben-Modus wird nun sauber in der App reflektiert- die UI passt sich an und der Admin erhält einen Hinweis, dass die Aufgabenverwaltung nicht verfügbar ist
This commit is contained in:
@@ -20,6 +20,7 @@ type FormState = {
|
||||
location: string;
|
||||
published: boolean;
|
||||
autoApproveUploads: boolean;
|
||||
tasksEnabled: boolean;
|
||||
};
|
||||
|
||||
export default function MobileEventFormPage() {
|
||||
@@ -37,6 +38,7 @@ export default function MobileEventFormPage() {
|
||||
location: '',
|
||||
published: false,
|
||||
autoApproveUploads: true,
|
||||
tasksEnabled: true,
|
||||
});
|
||||
const [eventTypes, setEventTypes] = React.useState<TenantEventType[]>([]);
|
||||
const [typesLoading, setTypesLoading] = React.useState(false);
|
||||
@@ -59,6 +61,9 @@ export default function MobileEventFormPage() {
|
||||
published: data.status === 'published',
|
||||
autoApproveUploads:
|
||||
(data.settings?.guest_upload_visibility as string | undefined) === 'immediate',
|
||||
tasksEnabled:
|
||||
(data.settings?.engagement_mode as string | undefined) !== 'photo_only' &&
|
||||
(data.engagement_mode as string | undefined) !== 'photo_only',
|
||||
});
|
||||
setError(null);
|
||||
} catch (err) {
|
||||
@@ -102,6 +107,7 @@ export default function MobileEventFormPage() {
|
||||
settings: {
|
||||
location: form.location,
|
||||
guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
|
||||
engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
|
||||
},
|
||||
});
|
||||
navigate(adminPath(`/mobile/events/${slug}`));
|
||||
@@ -115,6 +121,7 @@ export default function MobileEventFormPage() {
|
||||
settings: {
|
||||
location: form.location,
|
||||
guest_upload_visibility: form.autoApproveUploads ? 'immediate' : 'review',
|
||||
engagement_mode: form.tasksEnabled ? 'tasks' : 'photo_only',
|
||||
},
|
||||
};
|
||||
const { event } = await createEvent(payload as any);
|
||||
@@ -228,6 +235,37 @@ export default function MobileEventFormPage() {
|
||||
<Text fontSize="$xs" color="#6b7280">{t('eventForm.fields.publish.help', 'Enable if guests should see the event right away. You can change the status later.')}</Text>
|
||||
</Field>
|
||||
|
||||
<Field label={t('eventForm.fields.tasksMode.label', 'Tasks & challenges')}>
|
||||
<XStack alignItems="center" space="$2">
|
||||
<Switch
|
||||
checked={form.tasksEnabled}
|
||||
onCheckedChange={(checked) =>
|
||||
setForm((prev) => ({ ...prev, tasksEnabled: Boolean(checked) }))
|
||||
}
|
||||
size="$3"
|
||||
aria-label={t('eventForm.fields.tasksMode.label', 'Tasks & challenges')}
|
||||
>
|
||||
<Switch.Thumb />
|
||||
</Switch>
|
||||
<Text fontSize="$sm" color="#111827">
|
||||
{form.tasksEnabled
|
||||
? t('common:states.enabled', 'Enabled')
|
||||
: t('common:states.disabled', 'Disabled')}
|
||||
</Text>
|
||||
</XStack>
|
||||
<Text fontSize="$xs" color="#6b7280">
|
||||
{form.tasksEnabled
|
||||
? t(
|
||||
'eventForm.fields.tasksMode.helpOn',
|
||||
'Guests can see tasks, challenges and achievements.',
|
||||
)
|
||||
: t(
|
||||
'eventForm.fields.tasksMode.helpOff',
|
||||
'Task mode is off: guests only see the photo feed.',
|
||||
)}
|
||||
</Text>
|
||||
</Field>
|
||||
|
||||
<Field label={t('eventForm.fields.uploadVisibility.label', 'Uploads visible immediately')}>
|
||||
<XStack alignItems="center" space="$2">
|
||||
<Switch
|
||||
|
||||
Reference in New Issue
Block a user