Military bases mapping with infrastructure data

packages/ui/package.json

@@ -32,6 +32,7 @@
         "framer-motion": "^4.1.13",
         "history": "^5.0.0",
         "html-react-parser": "^3.0.4",
+        "leaflet": "^1.9.4",
         "lodash": "^4.17.21",
         "moment": "^2.29.3",
         "notistack": "^2.0.4",
@@ -42,6 +43,7 @@
         "react-datepicker": "^4.21.0",
         "react-device-detect": "^1.17.0",
         "react-dom": "^18.2.0",
+        "react-leaflet": "^4.2.1",
         "react-markdown": "^8.0.6",
         "react-perfect-scrollbar": "^1.5.8",
         "react-redux": "^8.0.5",

packages/ui/src/api/infrastructure.js

@@ -0,0 +1,81 @@
+import {
+    militaryBases,
+    powerPlants,
+    electricalSubstations,
+    gasInfrastructure,
+    waterInfrastructure,
+    dataCenterSites,
+    allInfrastructure
+} from '@/data/infrastructureData'
+
+// API functions for infrastructure data
+// Currently using static data, but can be extended to fetch from backend
+
+const getAllInfrastructure = () => {
+    return Promise.resolve(allInfrastructure)
+}
+
+const getMilitaryBases = () => {
+    return Promise.resolve(militaryBases)
+}
+
+const getPowerPlants = () => {
+    return Promise.resolve(powerPlants)
+}
+
+const getElectricalSubstations = () => {
+    return Promise.resolve(electricalSubstations)
+}
+
+const getGasInfrastructure = () => {
+    return Promise.resolve(gasInfrastructure)
+}
+
+const getWaterInfrastructure = () => {
+    return Promise.resolve(waterInfrastructure)
+}
+
+const getDataCenterSites = () => {
+    return Promise.resolve(dataCenterSites)
+}
+
+const getInfrastructureByType = (type) => {
+    switch (type) {
+        case 'military':
+            return getMilitaryBases()
+        case 'power':
+            return getPowerPlants()
+        case 'electrical':
+            return getElectricalSubstations()
+        case 'gas':
+            return getGasInfrastructure()
+        case 'water':
+            return getWaterInfrastructure()
+        case 'datacenter':
+            return getDataCenterSites()
+        default:
+            return getAllInfrastructure()
+    }
+}
+
+const getInfrastructureById = (id) => {
+    const item = allInfrastructure.find((item) => item.id === id)
+    return Promise.resolve(item)
+}
+
+// Future: Add functions to fetch from backend API
+// const getAllInfrastructure = () => client.get('/api/v1/infrastructure')
+// const getMilitaryBases = () => client.get('/api/v1/infrastructure/military')
+// etc.
+
+export default {
+    getAllInfrastructure,
+    getMilitaryBases,
+    getPowerPlants,
+    getElectricalSubstations,
+    getGasInfrastructure,
+    getWaterInfrastructure,
+    getDataCenterSites,
+    getInfrastructureByType,
+    getInfrastructureById
+}