Remove geopicker for now
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
toqvist 2024-02-26 11:40:27 +01:00
parent 0e1d640a42
commit 8fb18ae000
2 changed files with 15 additions and 5 deletions

View File

@ -15,7 +15,12 @@ const Makers: CollectionConfig = {
type: 'text', // required type: 'text', // required
required: true, required: true,
}, },
geoPickerField, //geoPickerField, is a bit broken right now
{
name: 'location',
type: 'point',
label: 'Location',
},
{ {
name: 'products', // required name: 'products', // required
type: 'relationship', // required type: 'relationship', // required

View File

@ -3,8 +3,9 @@ import { useField } from 'payload/components/forms';
export const GeoPicker: React.FC<{ path: string }> = ({ path }) => { export const GeoPicker: React.FC<{ path: string }> = ({ path }) => {
const { value, setValue } = useField<string>({ path }); const { value, setValue } = useField<string>({ path });
const [longitude, setLongitude] = React.useState(value[0]); const [longitude, setLongitude] = React.useState(value[0] || 0);
const [latitude, setLatitude] = React.useState(value[1]); const [latitude, setLatitude] = React.useState(value[1] || 0);
const [error, setError] = React.useState("")
const handleCityEnter = async (e) => { const handleCityEnter = async (e) => {
if (e.key === 'Enter') { if (e.key === 'Enter') {
@ -19,8 +20,9 @@ export const GeoPicker: React.FC<{ path: string }> = ({ path }) => {
setLongitude(lon); setLongitude(lon);
setValue([lon, lat]); setValue([lon, lat]);
} }
} catch (error) { } catch (err) {
console.error('Error fetching geolocation:', error); setError(e)
console.error('Error fetching geolocation:', e);
} }
} }
}; };
@ -46,6 +48,9 @@ export const GeoPicker: React.FC<{ path: string }> = ({ path }) => {
placeholder="Enter city to get coordinates" placeholder="Enter city to get coordinates"
/> />
</div> </div>
{error != "" &&
<p>{error}</p>
}
<div className="field-type point"> <div className="field-type point">
<ul className='point__wrap'> <ul className='point__wrap'>
<li> <li>