From 926bc7d070b68ac3b4e74bfbf66223535b2adbb7 Mon Sep 17 00:00:00 2001
From: Codex Agent <codex-agent@example.com>
Date: Sun, 18 Jan 2026 11:33:09 +0100
Subject: [PATCH] feat(admin-pwa): add floating action button to event form

---
 resources/js/admin/mobile/EventFormPage.tsx | 28 +++++++++++----------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/resources/js/admin/mobile/EventFormPage.tsx b/resources/js/admin/mobile/EventFormPage.tsx
index 644ce55..3a9afef 100644
--- a/resources/js/admin/mobile/EventFormPage.tsx
+++ b/resources/js/admin/mobile/EventFormPage.tsx
@@ -2,12 +2,12 @@ import React from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
 import { useQueryClient } from '@tanstack/react-query';
 import { useTranslation } from 'react-i18next';
-import { CalendarDays, ChevronDown, MapPin } from 'lucide-react';
+import { CalendarDays, ChevronDown, MapPin, Save, Check } from 'lucide-react';
 import { YStack, XStack } from '@tamagui/stacks';
 import { SizableText as Text } from '@tamagui/text';
 import { Switch } from '@tamagui/switch';
 import { MobileShell } from './components/MobileShell';
-import { MobileCard, CTAButton } from './components/Primitives';
+import { MobileCard, CTAButton, FloatingActionButton } from './components/Primitives';
 import { MobileDateTimeInput, MobileField, MobileInput, MobileSelect, MobileTextArea } from './components/FormControls';
 import { LegalConsentSheet } from './components/LegalConsentSheet';
 import {
@@ -559,7 +559,7 @@ export default function MobileEventFormPage() {
         </MobileField>
       </MobileCard>
 
-      <YStack space="$2">
+      <YStack space="$2" paddingBottom="$10">
         {!isEdit ? (
           <CTAButton
             label={t('eventForm.actions.saveDraft', 'Save as draft')}
@@ -567,18 +567,20 @@ export default function MobileEventFormPage() {
             onPress={back}
           />
         ) : null}
-        <CTAButton
-          label={
-            saving
-              ? t('eventForm.actions.saving', 'Saving…')
-              : isEdit
-                ? t('eventForm.actions.update', 'Update event')
-                : t('eventForm.actions.create', 'Create event')
-          }
-          onPress={() => handleSubmit()}
-        />
       </YStack>
 
+      <FloatingActionButton
+        label={
+          saving
+            ? t('eventForm.actions.saving', 'Saving…')
+            : isEdit
+              ? t('eventForm.actions.update', 'Update event')
+              : t('eventForm.actions.create', 'Create event')
+        }
+        icon={isEdit ? Save : Check}
+        onPress={() => handleSubmit()}
+      />
+
       <LegalConsentSheet
         open={consentOpen}
         onClose={() => {