\n {/* Current Location Button */}\n

\n \n {isGettingLocation ? (\n <>\n

\n Getting your location...\n \n ) : (\n <>\n 📍\n Use My Current Location\n \n )}\n \n

\n\n {/* Divider */}\n

\n or\n

\n\n {/* Manual Address Input */}\n

\n \n Enter your address or city\n \n setManualAddress(e.target.value)}\n placeholder=\"e.g., 123 Main St, New York, NY or just New York\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-transparent\"\n />\n

\n \n Search This Location\n \n \n\n {/* Current Location Display */}\n {currentLocation && (\n

\n ✓\n

Location set:

\n {currentLocation.address || `${currentLocation.latitude.toFixed(4)}, ${currentLocation.longitude.toFixed(4)}`}\n

\n )}\n\n {/* Error Display */}\n {locationError && (\n

\n ⚠️\n

Location Error

{locationError}

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/gracioelvs/my-first-val/code/frontend/components/LocationInput.tsx","extension","actionData","errors"]