Remove API documentation file and update navigation constants with new entries for farm dashboard, water data, soil data, and data section. Enhance sensor hub functionality by adding new sensor payload structure and integrating plant type and name selection in the sensor form. Refactor calendar components to streamline code and improve maintainability.

2026-02-20 20:24:24 +03:30
parent 4424fc8e87
commit 890599b0e7
17 changed files with 822 additions and 1925 deletions
@@ -0,0 +1,85 @@
+'use client'
+
+// React Imports
+import { useEffect, useState } from 'react'
+
+// MUI Imports
+import Grid from '@mui/material/Grid2'
+import Box from '@mui/material/Box'
+import CircularProgress from '@mui/material/CircularProgress'
+
+// Component Imports
+import SoilMoistureHeatmap from '@views/dashboards/farm/SoilMoistureHeatmap'
+import SensorValuesList from '@views/dashboards/farm/SensorValuesList'
+import SensorComparisonChart from '@views/dashboards/farm/SensorComparisonChart'
+import SensorRadarChart from '@views/dashboards/farm/SensorRadarChart'
+import AnomalyDetectionCard from '@views/dashboards/farm/AnomalyDetectionCard'
+
+// Service
+import { farmDashboardService } from '@/libs/api/services/farmDashboardService'
+import type { CardId } from '@views/dashboards/farm/farmDashboardConfig'
+import { CARD_GRID_SIZE } from '@views/dashboards/farm/farmDashboardConfig'
+
+const SOIL_CARD_IDS: CardId[] = [
+  'soilMoistureHeatmap',
+  'sensorValuesList',
+  'sensorRadarChart',
+  'sensorComparisonChart',
+  'anomalyDetectionCard'
+]
+
+const cardRowSx = {
+  display: 'flex',
+  flexDirection: 'column',
+  '& > *': { flex: 1, minHeight: 0 }
+}
+
+const CARD_COMPONENTS: Partial<Record<CardId, React.ComponentType<{ data?: Record<string, unknown> }>>> = {
+  soilMoistureHeatmap: SoilMoistureHeatmap,
+  sensorValuesList: SensorValuesList,
+  sensorComparisonChart: SensorComparisonChart,
+  sensorRadarChart: SensorRadarChart,
+  anomalyDetectionCard: AnomalyDetectionCard
+}
+
+const SoilDataDashboardWrapper = () => {
+  const [cardsData, setCardsData] = useState<Partial<Record<CardId, Record<string, unknown>>>>({})
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    farmDashboardService
+      .getAllCards()
+      .then(cards => setCardsData(cards ?? {}))
+      .catch(() => setCardsData({}))
+      .finally(() => setLoading(false))
+  }, [])
+
+  if (loading) {
+    return (
+      <Box display='flex' justifyContent='center' alignItems='center' minHeight={200}>
+        <CircularProgress />
+      </Box>
+    )
+  }
+
+  return (
+    <Box position='relative'>
+      <Grid container spacing={6}>
+        <Grid size={12} container spacing={6} sx={{ display: 'flex', alignItems: 'flex-start' }}>
+          {SOIL_CARD_IDS.map(cardId => {
+            const size = CARD_GRID_SIZE[cardId]
+            const Component = CARD_COMPONENTS[cardId]
+            if (!Component) return null
+            return (
+              <Grid key={cardId} size={size} sx={cardRowSx}>
+                <Component data={cardsData?.[cardId]} />
+              </Grid>
+            )
+          })}
+        </Grid>
+      </Grid>
+    </Box>
+  )
+}
+
+export default SoilDataDashboardWrapper
@@ -0,0 +1,82 @@
+'use client'
+
+// React Imports
+import { useEffect, useState } from 'react'
+
+// MUI Imports
+import Grid from '@mui/material/Grid2'
+import Box from '@mui/material/Box'
+import CircularProgress from '@mui/material/CircularProgress'
+
+// Component Imports
+import FarmWeatherCard from '@views/dashboards/farm/FarmWeatherCard'
+import FarmAlertsTimeline from '@views/dashboards/farm/FarmAlertsTimeline'
+import WaterNeedPrediction from '@views/dashboards/farm/WaterNeedPrediction'
+import SensorValuesList from '@views/dashboards/farm/SensorValuesList'
+
+// Service
+import { farmDashboardService } from '@/libs/api/services/farmDashboardService'
+import type { CardId } from '@views/dashboards/farm/farmDashboardConfig'
+import { CARD_GRID_SIZE } from '@views/dashboards/farm/farmDashboardConfig'
+
+const WATER_CARD_IDS: CardId[] = [
+  'farmWeatherCard',
+  'farmAlertsTimeline',
+  'waterNeedPrediction',
+  'sensorValuesList'
+]
+
+const cardRowSx = {
+  display: 'flex',
+  flexDirection: 'column',
+  '& > *': { flex: 1, minHeight: 0 }
+}
+
+const CARD_COMPONENTS: Partial<Record<CardId, React.ComponentType<{ data?: Record<string, unknown> }>>> = {
+  farmWeatherCard: FarmWeatherCard,
+  farmAlertsTimeline: FarmAlertsTimeline,
+  waterNeedPrediction: WaterNeedPrediction,
+  sensorValuesList: SensorValuesList
+}
+
+const WaterDataDashboardWrapper = () => {
+  const [cardsData, setCardsData] = useState<Partial<Record<CardId, Record<string, unknown>>>>({})
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    farmDashboardService
+      .getAllCards()
+      .then(cards => setCardsData(cards ?? {}))
+      .catch(() => setCardsData({}))
+      .finally(() => setLoading(false))
+  }, [])
+
+  if (loading) {
+    return (
+      <Box display='flex' justifyContent='center' alignItems='center' minHeight={200}>
+        <CircularProgress />
+      </Box>
+    )
+  }
+
+  return (
+    <Box position='relative'>
+      <Grid container spacing={6}>
+        <Grid size={12} container spacing={6} sx={{ display: 'flex', alignItems: 'flex-start' }}>
+          {WATER_CARD_IDS.map(cardId => {
+            const size = CARD_GRID_SIZE[cardId]
+            const Component = CARD_COMPONENTS[cardId]
+            if (!Component) return null
+            return (
+              <Grid key={cardId} size={size} sx={cardRowSx}>
+                <Component data={cardsData?.[cardId]} />
+              </Grid>
+            )
+          })}
+        </Grid>
+      </Grid>
+    </Box>
+  )
+}
+
+export default WaterDataDashboardWrapper