Vendors

\n \n ⬅️ Back to Chat\n \n

\n \n

🔍

No vendors found for this category.

\n \n Go Back\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {getCategoryIcon(vendors[0]?.category)} {vendors[0]?.category.charAt(0).toUpperCase() + vendors[0]?.category.slice(1)} Vendors\n

\n \n ⬅️ Back to Chat\n \n

\n\n {/* Filters */}\n

\n setFilterLocation(e.target.value)}\n className=\"px-3 py-2 rounded-lg text-gray-800 bg-white bg-opacity-90\"\n >\n \n {uniqueLocations.map(location => (\n \n ))}\n \n \n

\n {filteredVendors.length} vendor{filteredVendors.length !== 1 ? 's' : ''} found\n

\n\n {/* Budget context */}\n {userProgress?.weddingPlan.budget && (\n

💡

\n Your budget: KES {userProgress.weddingPlan.budget.toLocaleString()} total\n {vendors[0]?.category === 'venue' && ` (suggested venue budget: KES ${Math.round(userProgress.weddingPlan.budget * 0.35).toLocaleString()})`}\n {vendors[0]?.category === 'catering' && ` (suggested catering budget: KES ${Math.round(userProgress.weddingPlan.budget * 0.30).toLocaleString()})`}\n {vendors[0]?.category === 'photography' && ` (suggested photography budget: KES ${Math.round(userProgress.weddingPlan.budget * 0.10).toLocaleString()})`}\n

\n )}\n\n {/* Vendor list */}\n

\n {filteredVendors.map((vendor) => (\n \n

{vendor.name}

\n 📍 {vendor.location}\n

\n toggleSaveVendor(vendor.id)}\n className={`p-2 rounded-full transition-colors ${\n savedVendors.includes(vendor.id)\n ? 'bg-red-100 text-red-600 hover:bg-red-200'\n : 'bg-gray-100 text-gray-400 hover:bg-gray-200'\n }`}\n >\n {savedVendors.includes(vendor.id) ? '❤️' : '🤍'}\n \n

\n\n

\n 💰 {vendor.priceRange}\n

\n {vendor.description}\n

\n\n

\n 📧 {vendor.contact}\n

\n {vendor.rating && (\n

\n ⭐ {vendor.rating.toFixed(1)}\n

\n )}\n

\n\n

\n \n \n

\n ))}\n

\n\n {filteredVendors.length === 0 && filterLocation && (\n

🔍

No vendors found in {filterLocation}.

\n setFilterLocation('')}\n className=\"mt-4 px-6 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600\"\n >\n Show All Locations\n \n

\n )}\n

\n\n {/* Footer actions */}\n

\n {savedVendors.length} vendor{savedVendors.length !== 1 ? 's' : ''} saved\n

\n \n Back to Chat\n \n {savedVendors.length > 0 && (\n \n )}\n

\n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/alexjarabi/Hera/code/frontend/components/VendorList.tsx","extension","actionData","errors"]