diff --git a/app/listings/page.tsx b/app/listings/page.tsx index c6cc987..e9f9570 100644 --- a/app/listings/page.tsx +++ b/app/listings/page.tsx @@ -73,6 +73,19 @@ async function loadLeaflet(): Promise { return mod; } +const amenityIcons: Record = { + sauna: '๐Ÿง–', + fireplace: '๐Ÿ”ฅ', + wifi: '๐Ÿ“ถ', + pets: '๐Ÿพ', + lake: '๐ŸŒŠ', + ac: 'โ„๏ธ', + kitchen: '๐Ÿฝ๏ธ', + dishwasher: '๐Ÿงผ', + washer: '๐Ÿงบ', + barbecue: '๐Ÿ–', +}; + function ListingsMap({ listings, center, @@ -193,16 +206,16 @@ export default function ListingsIndexPage() { }, [filteredByAddress, evCharging]); const amenityOptions = [ - { key: 'sauna', label: t('amenitySauna') }, - { key: 'fireplace', label: t('amenityFireplace') }, - { key: 'wifi', label: t('amenityWifi') }, - { key: 'pets', label: t('amenityPets') }, - { key: 'lake', label: t('amenityLake') }, - { key: 'ac', label: t('amenityAirConditioning') }, - { key: 'kitchen', label: t('amenityKitchen') }, - { key: 'dishwasher', label: t('amenityDishwasher') }, - { key: 'washer', label: t('amenityWashingMachine') }, - { key: 'barbecue', label: t('amenityBarbecue') }, + { key: 'sauna', label: t('amenitySauna'), icon: amenityIcons.sauna }, + { key: 'fireplace', label: t('amenityFireplace'), icon: amenityIcons.fireplace }, + { key: 'wifi', label: t('amenityWifi'), icon: amenityIcons.wifi }, + { key: 'pets', label: t('amenityPets'), icon: amenityIcons.pets }, + { key: 'lake', label: t('amenityLake'), icon: amenityIcons.lake }, + { key: 'ac', label: t('amenityAirConditioning'), icon: amenityIcons.ac }, + { key: 'kitchen', label: t('amenityKitchen'), icon: amenityIcons.kitchen }, + { key: 'dishwasher', label: t('amenityDishwasher'), icon: amenityIcons.dishwasher }, + { key: 'washer', label: t('amenityWashingMachine'), icon: amenityIcons.washer }, + { key: 'barbecue', label: t('amenityBarbecue'), icon: amenityIcons.barbecue }, ]; async function fetchListings() { @@ -331,7 +344,7 @@ export default function ListingsIndexPage() { >
- โ€ข + {opt.icon} {opt.label}