101 lines
2.6 KiB
TypeScript
101 lines
2.6 KiB
TypeScript
|
'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
|