Check ref before map events

bengawalk · Oct 19, 2024 · d2cd94e · d2cd94e
1 parent 483faf9
commit d2cd94e
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 0 deletions.
diff --git a/src/components/selected-bus-details.jsx b/src/components/selected-bus-details.jsx
@@ -37,6 +37,10 @@ const SelectedBusDetails = ({
 
   useEffect(() => {
     const currentRef = mapRef.current;
+    if(!currentRef) {
+      return;
+    }
+
     const popup = new mapboxgl.Popup({
       closeButton: false,
       closeOnClick: false,

diff --git a/src/components/selected-stop-details.jsx b/src/components/selected-stop-details.jsx
@@ -50,6 +50,9 @@ const SelectedStopDetails = ({
 
   useEffect(() => {
     const currentRef = mapRef.current;
+    if(!currentRef) {
+      return;
+    }
 
     const addLayerAndEvents = () => {
       const ALL_STOPS = _.union(

diff --git a/src/utils/constants.js b/src/utils/constants.js
@@ -1,3 +1,6 @@
+// import _ from "lodash";
+// import polyline from "google-polyline";
+
 export const TABS = [
   {
     text: "To airport",
@@ -572,6 +575,41 @@ export const BUS_DATA = {
   ],
 };
 
+// const busRoutesPoints = _.map(BUS_DATA.from, ({ routename, route }) => ({
+//   routename,
+//   geojson: { "type": "FeatureCollection",
+//     "features": [
+//           { "type": "Feature",
+//               "geometry": {
+//                   "type": "LineString",
+//                   "coordinates": polyline.decode(decodeURIComponent(route)),
+//               },
+//           },
+//       ],
+//   },
+// }));
+
+// const downloadGeojson = (data, name) => {
+//   const geoJsonString = JSON.stringify(data, null, 2);
+
+//   const blob = new Blob([geoJsonString], {});
+//   const linkElement = document.createElement('a');
+
+//   const url = window.URL.createObjectURL(blob);
+//   linkElement.href = url;
+//   linkElement.download = `${name}.geojson`;
+//   linkElement.click();
+
+//   URL.revokeObjectURL(url);
+// }
+
+// // console.log(busRoutesPoints);
+
+// busRoutesPoints.forEach(bus => {
+//   downloadGeojson(bus.geojson, bus.routename);
+// });
+
+
 const COLOR_HIGHLIGHT = "#4264fb";
 const COLOR_MUTED = "#aaaaaa";