update

gnx-react/components/pages/support/CreateTicketForm.tsx

@@ -55,7 +55,27 @@ const CreateTicketForm = () => {
         category: undefined
       });
     } catch (error: any) {
-      setSubmitError(error.message || 'Failed to submit ticket. Please try again.');
+      console.error('Ticket creation error:', error);
+      
+      // Provide user-friendly error messages based on error type
+      let errorMessage = 'Failed to submit ticket. Please try again.';
+      
+      if (error.message) {
+        if (error.message.includes('email')) {
+          errorMessage = 'There was an issue with your email address. Please check and try again.';
+        } else if (error.message.includes('network') || error.message.includes('fetch')) {
+          errorMessage = 'Network error. Please check your connection and try again.';
+        } else if (error.message.includes('validation')) {
+          errorMessage = 'Please check all required fields and try again.';
+        } else if (error.message.includes('server') || error.message.includes('500')) {
+          errorMessage = 'Server error. Our team has been notified. Please try again later.';
+        } else {
+          // Use the actual error message if it's user-friendly
+          errorMessage = error.message;
+        }
+      }
+      
+      setSubmitError(errorMessage);
     } finally {
       setIsSubmitting(false);
     }