vendor & aaward

Author: Dasaineee

client/src/views/pages/Award/award.js

@@ -30,7 +30,7 @@ const CreateAwardNotice = () => {
     vendorId: '',
   })
 
-  const [vendors, setVendors] = useState([])
+  const [vendors, setVendors] = useState([]) // Ensure vendors is an empty array by default
   const [toasts, setToasts] = useState([])
   const [loading, setLoading] = useState(false)
 
@@ -44,7 +44,8 @@ const CreateAwardNotice = () => {
       const res = await axios.get(VENDOR_API_URL, {
         headers: { Authorization: `Bearer ${accessToken}` },
       })
-      setVendors(res.data)
+      // Ensure vendors is an array and update state
+      setVendors(Array.isArray(res.data) ? res.data : [])
     } catch (err) {
       console.error('Failed to fetch vendors', err)
       showToast('Error loading vendors', 'danger')
@@ -143,11 +144,15 @@ const CreateAwardNotice = () => {
           <CFormLabel>Vendor</CFormLabel>
           <CFormSelect name="vendorId" value={awardData.vendorId} onChange={handleChange} required>
             <option value="">Select Vendor</option>
-            {vendors.map((vendor) => (
-              <option key={vendor._id} value={vendor._id}>
-                {vendor.businessName} ({vendor.fullName})
-              </option>
-            ))}
+            {Array.isArray(vendors) && vendors.length > 0 ? (
+              vendors.map((vendor) => (
+                <option key={vendor._id} value={vendor._id}>
+                  {vendor.businessName} ({vendor.fullName})
+                </option>
+              ))
+            ) : (
+              <option disabled>No vendors available</option>
+            )}
           </CFormSelect>
         </CCol>
       </CRow>

client/src/views/pages/Procurement/VendorManagement.js

@@ -55,7 +55,7 @@ const Vendors = () => {
 
         const data = await response.json()
         console.log('Data:', data)
-        setUsers(data.vendors)
+        setUsers(data.vendors || [])
       } catch (error) {
         console.error('Error fetching vendors:', error)
         setUsers([])