Update prompt validation rules and enhance form submission handling in ImageRequest and Index components

Author: StevenU21

app/Http/Requests/ImageRequest.php

@@ -23,7 +23,7 @@ public function rules(): array
     {
         return [
             'model' => ['required', 'string', 'in:dall-e-2,dall-e-3'],
-            'prompt' => ['required', 'string', 'min:12', 'max:300'],
+            'prompt' => ['required', 'string', 'min:8', 'max:300'],
             'style' => ['required', 'string', 'in:realistic,anime,cartoon,futuristic,abstract'],
             'size' => ['required', 'string', 'in:256x256,512x512,1024x1024,1024x1792,1792x1024'],
             'quality' => ['string', 'in:standard,hd'],

resources/js/Pages/Images/Index.vue

@@ -80,7 +80,7 @@
 
         <!-- Modal for Form -->
         <Modal :show="showModal" @close="showModal = false">
-            <Form :submitAction="submitForm" buttonText="Generate Image" :errors="errors" />
+            <Form :submitAction="submitForm" buttonText="Generate Image" :errors="errors" :isProgressing="isProgressing" />
         </Modal>
 
         <!-- Modal for Viewing Image -->
@@ -121,7 +121,6 @@ const showModal = ref(false);
 const showImageModal = ref(false);
 const selectedImage = ref(null);
 const errors = ref({});
-const isProgressing = ref(false);
 
 const truncate = (text, length) => {
     if (text.length <= length) {
@@ -170,22 +169,28 @@ const openImageModal = (image) => {
     showImageModal.value = true;
 };
 
+const isProgressing = ref(false);
+
 const submitForm = (formData) => {
+    isProgressing.value = true;
     router.post(route("images.store"), formData, {
         preserveScroll: true,
         onSuccess: () => {
             showModal.value = false;
-            getRequestCount(); // Update request count after form submission
+            isProgressing.value = false;
+            getRequestCount();
         },
         onError: (error) => {
-            if (error.response.status === 429) {
-                Swal.fire(
-                    "Error!",
-                    error.response.data.message,
-                    "error"
-                );
+            isProgressing.value = false;
+            if (error.response) {
+                if (error.response.status === 429) {
+                    Swal.fire("Error!", error.response.data.message, "error");
+                } else {
+                    errors.value = error.response.data.errors;
+                }
             } else {
-                errors.value = error.response.data.errors;
+                Swal.fire("Error!", "Ocurrió un error inesperado. Por favor, intenta nuevamente.", "error");
+                console.error("Error sin respuesta:", error);
             }
         },
     });