Add farm dashboard components including Anomaly Detection, Economic Overview, and Alerts Tracker. Implemented context for navbar slot management and integrated new API service for farm dashboard configuration. Updated navigation menus to include farm dashboard links.

2026-02-19 15:48:32 +03:30
parent 3871ec89f7
commit ec679c3287
27 changed files with 2183 additions and 0 deletions
@@ -0,0 +1,100 @@
+'use client'
+
+// MUI Imports
+import Grid from '@mui/material/Grid2'
+
+// Component Imports
+import CardStatsVertical from '@components/card-statistics/Vertical'
+
+const FarmOverviewKPIs = () => {
+  return (
+    <>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Farm Health Score'
+          subtitle='AI Analysis'
+          stats='87%'
+          avatarColor='success'
+          avatarIcon='tabler-heartbeat'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='Good'
+          chipColor='success'
+          chipVariant='tonal'
+        />
+      </Grid>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Water Stress Index'
+          subtitle='Current'
+          stats='12%'
+          avatarColor='info'
+          avatarIcon='tabler-droplet'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='Low'
+          chipColor='success'
+          chipVariant='tonal'
+        />
+      </Grid>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Disease Risk'
+          subtitle='Last 7 Days'
+          stats='Low'
+          avatarColor='success'
+          avatarIcon='tabler-bug'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='5%'
+          chipColor='success'
+          chipVariant='tonal'
+        />
+      </Grid>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Avg Soil Moisture'
+          subtitle='Field-wide'
+          stats='65%'
+          avatarColor='primary'
+          avatarIcon='tabler-plant-2'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='Optimal'
+          chipColor='success'
+          chipVariant='tonal'
+        />
+      </Grid>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Yield Prediction'
+          subtitle='This Season'
+          stats='42 ton'
+          avatarColor='secondary'
+          avatarIcon='tabler-chart-bar'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='+8%'
+          chipColor='success'
+          chipVariant='tonal'
+        />
+      </Grid>
+      <Grid size={{ xs: 12, sm: 6, md: 4, lg: 2 }}>
+        <CardStatsVertical
+          title='Pest Risk'
+          subtitle='AI Forecast'
+          stats='15%'
+          avatarColor='warning'
+          avatarIcon='tabler-bug-off'
+          avatarSkin='light'
+          avatarSize={44}
+          chipText='Monitor'
+          chipColor='warning'
+          chipVariant='tonal'
+        />
+      </Grid>
+    </>
+  )
+}
+
+export default FarmOverviewKPIs