refactor: modularize dashboard components per PromptDashboard.md
- Create reusable StatCard component for header metrics
- Create ChartSurat component for bar chart (surat statistics)
- Create DivisionProgress component for divisi teraktif
- Create ChartAPBDes component for APBDes horizontal bar chart
- Create ActivityList component for calendar events
- Create SatisfactionChart component for donut chart
- Create SDGSCard component for SDGs metrics
- Refactor DashboardContent to use new modular components
- Add proper dark mode support with specified colors
- Implement responsive grid layout (12/6/1 columns)
- Add custom SDGs icons (Energy, Peace, Health, Poverty, Ocean)
New components structure:
src/components/dashboard/
- stat-card.tsx
- chart-surat.tsx
- chart-apbdes.tsx
- division-progress.tsx
- activity-list.tsx
- satisfaction-chart.tsx
- sdgs-card.tsx
- index.ts (exports)
Co-authored-by: Qwen-Coder <qwen-coder@alibabacloud.com>
This commit is contained in:
7
src/components/dashboard/index.ts
Normal file
7
src/components/dashboard/index.ts
Normal file
@@ -0,0 +1,7 @@
|
||||
export { ActivityList } from "./activity-list";
|
||||
export { ChartAPBDes } from "./chart-apbdes";
|
||||
export { ChartSurat } from "./chart-surat";
|
||||
export { DivisionProgress } from "./division-progress";
|
||||
export { SatisfactionChart } from "./satisfaction-chart";
|
||||
export { SDGSCard } from "./sdgs-card";
|
||||
export { StatCard } from "./stat-card";
|
||||
Reference in New Issue
Block a user