Fix clicks not working on highlighted countries

rbardini · Oct 13, 2024 · 25e5c78 · 25e5c78
1 parent 3f5f96f
commit 25e5c78
Showing 1 changed file with 9 additions and 11 deletions.
diff --git a/hooks/use-chart.tsx b/hooks/use-chart.tsx
@@ -101,14 +101,6 @@ export default function useChart(
         }),
       )
 
-      const data: Record<string, number> = {}
-      ;(await readWishedCountriesData()).forEach(
-        ({ id }) => (data[id] = Value.Wish),
-      )
-      ;(await readVisitedCountriesData()).forEach(
-        ({ id }) => (data[id] = Value.Visit),
-      )
-
       const series = chart.series.push(
         MapPolygonSeries.new(root, {
           geoJSON: geodata,
@@ -127,9 +119,6 @@ export default function useChart(
           key: 'fill',
         },
       ])
-      series.data.setAll(
-        Object.entries(data).map(([id, value]) => ({ id, value })),
-      )
 
       const { template } = series.mapPolygons
       template.setAll({
@@ -147,6 +136,15 @@ export default function useChart(
         setVisits({ action: isVisited ? 'remove' : 'add', id })
       })
 
+      const data: { id: string; value: number }[] = []
+      ;(await readWishedCountriesData()).forEach(({ id }) =>
+        data.push({ id, value: Value.Wish }),
+      )
+      ;(await readVisitedCountriesData()).forEach(({ id }) =>
+        data.push({ id, value: Value.Visit }),
+      )
+      series.data.setAll(data)
+
       chartRef.current = { root, chart, series }
     })()