Polish mobile and web experience

apps/mobile/components/invoices/InvoiceSetupForm.tsx

@@ -14,14 +14,18 @@ type InvoiceSetupFormProps = {
   onBusinessIdChange: (value: string) => void;
   businessOptions: SelectOption[];
   businessError?: string;
+  onBusinessBlur?: () => void;
   businessReadOnly?: boolean;
   clientId: string;
   onClientIdChange: (value: string) => void;
   clientOptions: SelectOption[];
   clientError?: string;
+  onClientBlur?: () => void;
   clientReadOnly?: boolean;
   invoiceNumber: string;
   onInvoiceNumberChange?: (value: string) => void;
+  invoiceNumberError?: string;
+  onInvoiceNumberBlur?: () => void;
   invoiceNumberReadOnly?: boolean;
   issueDate: Date;
   onIssueDateChange?: (date: Date) => void;
@@ -30,6 +34,8 @@ type InvoiceSetupFormProps = {
   onDueDateChange: (date: Date) => void;
   taxRate: string;
   onTaxRateChange?: (value: string) => void;
+  taxRateError?: string;
+  onTaxRateBlur?: () => void;
   taxRateReadOnly?: boolean;
   notes: string;
   onNotesChange: (value: string) => void;
@@ -43,14 +49,18 @@ export function InvoiceSetupForm({
   onBusinessIdChange,
   businessOptions,
   businessError,
+  onBusinessBlur,
   businessReadOnly = false,
   clientId,
   onClientIdChange,
   clientOptions,
   clientError,
+  onClientBlur,
   clientReadOnly = false,
   invoiceNumber,
   onInvoiceNumberChange,
+  invoiceNumberError,
+  onInvoiceNumberBlur,
   invoiceNumberReadOnly = false,
   issueDate,
   onIssueDateChange,
@@ -59,6 +69,8 @@ export function InvoiceSetupForm({
   onDueDateChange,
   taxRate,
   onTaxRateChange,
+  taxRateError,
+  onTaxRateBlur,
   taxRateReadOnly = false,
   notes,
   onNotesChange,
@@ -84,6 +96,7 @@ export function InvoiceSetupForm({
           error={businessError}
           disabled={businessReadOnly}
           onValueChange={onBusinessIdChange}
+          onBlur={onBusinessBlur}
         />
       )}
 
@@ -101,6 +114,7 @@ export function InvoiceSetupForm({
           error={clientError}
           disabled={clientReadOnly}
           onValueChange={onClientIdChange}
+          onBlur={onClientBlur}
         />
       )}
 
@@ -118,8 +132,10 @@ export function InvoiceSetupForm({
           label="Invoice number"
           value={invoiceNumber}
           onChangeText={onInvoiceNumberChange}
+          onBlur={onInvoiceNumberBlur}
           autoCapitalize="characters"
           required
+          error={invoiceNumberError}
         />
       )}
 
@@ -160,7 +176,9 @@ export function InvoiceSetupForm({
           label="Tax rate (%)"
           value={taxRate}
           onChangeText={onTaxRateChange}
+          onBlur={onTaxRateBlur}
           keyboardType="decimal-pad"
+          error={taxRateError}
         />
       )}