Prevent an error when searching by wfi

Author: MaxDouglas1991

client/src/components/MapFilters.vue

@@ -6,7 +6,7 @@
             </div>
             <p>{{ props.paragraph }}</p>
             <q-card
-                v-if="activePoint && Object.keys(activePoint.properties).length"
+                v-if="activePoint?.properties && Object.keys(activePoint.properties).length"
                 class="selected-point q-pa-sm q-ma-sm"
                 flat
                 bordered

client/src/components/watershed/Watershed.vue

@@ -297,9 +297,14 @@ const clickMap = (coordinates) => {
 };
 
 const getWatershedFromLngLat = (point) => {
-    activePoint.value = [point[1], point[0]];
-    clickedPoint.value = { lng: point[1], lat: point[0] };
-    getWatershedInfoAtLngLat({lng: activePoint.value[0], lat: activePoint.value[1]});
+    if (point?.latitude) {
+        activePoint.value = [point.longitude, point.latitude];
+        clickedPoint.value = { lng: point.longitude, lat: point.latitude};
+    } else {
+        activePoint.value = [point[1], point[0]];
+        clickedPoint.value = { lng: point[1], lat: point[0] };
+        getWatershedInfoAtLngLat({lng: activePoint.value[0], lat: activePoint.value[1]});
+    }
 };
 
 const getWatershedInfoAtLngLat = async (coordinates) => {