Remove geopicker for now

src/collections/Couriers.ts

@@ -10,10 +10,35 @@ const Couriers: CollectionConfig = {
   },
   fields: [
     {
-        name: 'name', // required
+      name: 'name',
-        type: 'text', // required
+      type: 'text',
-        required: true,
+      required: true,
-      },
+    },
+    {
+      name: 'startingPoint',
+      label: 'Traveling from',
+      type: 'text', // TODO use geopicker here
+    },
+    {
+      name: 'destination',
+      label: 'Traveling to',
+      type: 'text' // TODO user geopicker here
+    },
+    {
+      name: 'departureDate',
+      label: 'Departure date',
+      type: 'date'
+    },
+    {
+      name: 'arrivalDate',
+      label: 'Arrival date',
+      type: 'date'
+    },
+    {
+      name: 'weightAllowance',
+      label: 'Weight Allowance (KG)',
+      type: 'number'
+    }
   ],
 };
 

src/collections/Dispatches.ts

@@ -32,11 +32,35 @@ const Dispatches: CollectionConfig = {
         relationTo: 'retailers', 
         hasMany: false,
       },
+      {
+        name: 'typeOfTransportation',
+        type: 'select',
+        hasMany: true,
+        options: [
+          {
+            label: 'Air',
+            value: 'air'
+          },
+          {
+            label: 'Car',
+            value: 'car'
+          },
+          {
+            label: 'Train',
+            value: 'train'
+          },
+          {
+            label: 'Boat',
+            value: 'boat'
+          }
+        ]
+      },
       {
         name: 'courier', 
         type: 'relationship', 
         relationTo: 'couriers', 
         hasMany: false,
+        required: true
       },
       {
         name: 'timeSensitive', 
@@ -68,4 +92,4 @@ const Dispatches: CollectionConfig = {
   ],
 };
 
-export default Dispatches;
+export default Dispatches;

src/collections/Makers.ts

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

src/collections/Retailers.ts

@@ -24,6 +24,11 @@ const Retailers: CollectionConfig = {
         type: 'relationship', // required
         relationTo: 'products', // required
         hasMany: true,
+      },
+      {
+        name: 'salesPoint',
+        type: 'text',
+        label: 'Where do you plan to sell/exhibit products?'
       }
   ],
 };

src/customFields/geoPicker/GeoPicker.tsx

@@ -3,8 +3,9 @@ import { useField } from 'payload/components/forms';
 
 export const GeoPicker: React.FC<{ path: 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) => {
     if (e.key === 'Enter') {
@@ -19,8 +20,9 @@ export const GeoPicker: React.FC<{ path: string }> = ({ path }) => {
           setLongitude(lon);
           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"
         />
       </div>
+      {error != "" && 
+        <p>{error}</p>
+      }
       <div className="field-type point">
         <ul className='point__wrap'>
           <li>