\n 📍\n

Your Location

\n {userLocation \n ? `${userLocation.lat.toFixed(4)}, ${userLocation.lng.toFixed(4)}`\n : \"Location not set\"\n }\n

\n \n

\n \n 📱 Use Current\n \n setIsExpanded(!isExpanded)}\n className=\"text-gray-600 hover:text-gray-800 text-sm font-medium\"\n >\n {isExpanded ? \"Cancel\" : \"🔍 Search\"}\n \n

\n\n {isExpanded && (\n

\n setCustomLocation(e.target.value)}\n placeholder=\"Enter city, address, or landmark...\"\n className=\"flex-1 form-input px-3 py-2 border border-gray-300 rounded-md text-sm\"\n onKeyPress={(e) => e.key === \"Enter\" && handleGeocodeLocation()}\n />\n \n {isGeocoding ? (\n

\n ) : (\n \"Find\"\n )}\n \n

\n 💡 Try searching for \"New York\", \"Times Square\", or your address\n

\n )}\n\n {userLocation && (\n

\n ✅ Location set! Events will be sorted by distance from you.\n

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/M_mb_a/untitled-8829/code/frontend/components/LocationPicker.tsx","extension","actionData","errors"]