kręcące się kółko

przy dodawaniu

ArtisanConnect/app/(tabs)/notice/create.jsx

@@ -1,5 +1,5 @@
 import {useState, useEffect} from "react";
-import {Image, StyleSheet, KeyboardAvoidingView, Platform} from "react-native";
+import {Image, StyleSheet, KeyboardAvoidingView, Platform, ActivityIndicator} from "react-native";
 import {Button, ButtonText} from "@/components/ui/button";
 import {FormControl} from "@/components/ui/form-control";
 import {Input, InputField} from "@/components/ui/input";
@@ -7,6 +7,7 @@ import {Text} from "@/components/ui/text";
 import {VStack} from "@/components/ui/vstack";
 import {Textarea, TextareaInput} from "@/components/ui/textarea";
 import {ScrollView} from "@gluestack-ui/themed";
+import {Box} from "@/components/ui/box";
 import * as ImagePicker from "expo-image-picker";
 import {
     Select,
@@ -158,6 +159,17 @@ export default function CreateNotice() {
         });
     };
 
+    if (isLoading) {
+        return (
+            <Box className="items-center justify-center flex-1">
+                <ActivityIndicator size="large" color="#787878"/>
+                <Text size="md" bold="true" className='mt-5'>
+                    Dodajemy ogłoszenie...
+                </Text>
+            </Box>
+        );
+    }
+
     return (
         <KeyboardAvoidingView
             behavior={Platform.OS === 'ios' ? 'padding' : 'height'}