add dom in popup for mapchart

CivicDataLab · Jan 9, 2024 · 7799405 · 7799405 · vercel · Jan 9, 2024
1 parent e452563
commit 7799405
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/opub-ui/src/components/MapChart/MapChart.stories.tsx b/packages/opub-ui/src/components/MapChart/MapChart.stories.tsx
@@ -97,11 +97,16 @@ export const Popup: Story = {
 		if (map) {
 			map.eachLayer((layer: any) => {
 				const district = layer.feature?.properties.district
-				if (district === 'Nagaon' || district === 'Morigaon') {
+				if (district === 'Nagaon' || district === 'Sonitpur') {
 					layer
 						.bindPopup(
 							() => {
-								return layer.feature?.properties.district
+								return `<div> 
+										<strong>${district}</strong>
+										<span class="block mt-1">
+											Data: ${layer.feature?.properties.dt_code}
+										</span>
+									</div>`
 							},
 							{
 								maxWidth: 200,