From e962291b805fbcf6081cca8d167ca542b91b89f1 Mon Sep 17 00:00:00 2001
From: suryac <surya.c@getzino.com>
Date: Fri, 7 Aug 2026 10:34:33 +0530
Subject: [PATCH] added error message for select store

---
 src/components/forms/LogVisitForm.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/LogVisitForm.tsx b/src/components/forms/LogVisitForm.tsx
index 881e9cd..350f43c 100644
--- a/src/components/forms/LogVisitForm.tsx
+++ b/src/components/forms/LogVisitForm.tsx
@@ -73,6 +73,7 @@ export function LogVisitForm({ client, onSuccess, onCancel, onActivityChange }:
 
   const [submitting, setSubmitting] = useState(false);
   const [submitError, setSubmitError] = useState<string | null>(null);
+  const [storeError, setStoreError] = useState<string | null>(null);
 
   // 1. Fetch form schema from API (/app/434/view/form-screens) & Mobile Pipeline prefill
   useEffect(() => {
@@ -173,6 +174,7 @@ export function LogVisitForm({ client, onSuccess, onCancel, onActivityChange }:
     if (fetchingStoresRef.current) return;
     fetchingStoresRef.current = true;
     setFetchingStores(true);
+    setStoreError(null);
 
     try {
       const formDataToSend = cleanFormData(formDataOverride || valuesRef.current);
@@ -222,8 +224,14 @@ export function LogVisitForm({ client, onSuccess, onCancel, onActivityChange }:
       });
 
       setStoreOptions(opts);
-    } catch (e) {
+    } catch (e: any) {
       console.error('Failed to load select_store options:', e);
+      const msg = e?.message || e?.data?.message || String(e);
+      if (msg.toLowerCase().includes('route_code')) {
+        setStoreError('Please punch-in in Daily Logs');
+      } else {
+        setStoreError('Failed to load stores');
+      }
     } finally {
       setFetchingStores(false);
       fetchingStoresRef.current = false;
@@ -448,7 +456,7 @@ export function LogVisitForm({ client, onSuccess, onCancel, onActivityChange }:
 
         if (type === 'wf_lookup' || lowerId === 'select_store' || lowerName.includes('select store')) {
           return (
-            <div key={fieldId} className="relative">
+            <div key={fieldId} className="flex flex-col gap-1 relative">
               <Select
                 label={f.name}
                 required={f.mandatory}
@@ -463,6 +471,11 @@ export function LogVisitForm({ client, onSuccess, onCancel, onActivityChange }:
                   <Spinner size={16} />
                 </div>
               )}
+              {storeError && (
+                <div className="text-sm text-ruby-600 mt-1">
+                  {storeError}
+                </div>
+              )}
             </div>
           );
         }