Dashboard Componeets files are added some

This commit is contained in:
2026-07-14 13:20:26 +01:00
parent ca40bd4095
commit 4c8c537f9c
13 changed files with 499 additions and 20 deletions

View File

@@ -31,12 +31,9 @@ import {
BarChart3,
Sun,
Shield,
Settings,
Wallet,
Radar,
Cog,
} from "lucide-react";
@@ -128,4 +125,32 @@ export const SIDEBAR_ITEMS = [
{ title: "User Location", href: "/configure/user-location", icon: MapPin },
{ title: "Settings", href: "/configure/settings", icon: Sun },],
},
];
];
export const chartData = [
{ month: 'J', height: 'h-24' },
{ month: 'F', height: 'h-16' },
{ month: 'M', height: 'h-32' },
{ month: 'A', height: 'h-20' },
{ month: 'M', height: 'h-28' },
{ month: 'J', height: 'h-12' },
{ month: 'J', height: 'h-32' },
{ month: 'A', height: 'h-24' },
{ month: 'S', height: 'h-30' },
{ month: 'O', height: 'h-20' },
{ month: 'N', height: 'h-26' },
{ month: 'D', height: 'h-24' },
];
export const activities = [
{ time: '09:42', text: '6/1009 assigned to ME Local', boldText: '6/1009' },
{ time: '09:18', text: 'Location checklist Block 1/2 completed', boldText: 'Block 1/2' },
{ time: '08:55', text: 'Meter MTR-1 reading logged · 58.45 kWh', boldText: 'Meter MTR-1' },
{ time: '08:30', text: 'PPM job card printed for APP-1100', boldText: 'APP-1100' },
];
export const colorMap = {
teal: 'bg-teal-400',
amber: 'bg-amber-500',
rose: 'bg-rose-500',
emerald: 'bg-emerald-500',
};

View File

@@ -6,4 +6,39 @@ export type Step = "login" | "verify" | "forgot";
onSuccess?: () => void;
onForgotPassword?:()=>void;
item?: any;
}
interface Activity {
time: string;
text: string;
boldText: string;
}
export interface ActivityFeedProps {
activities: Activity[];
}
interface ChartItem {
month: string;
height: string; // Tailwind h-class like 'h-24'
}
export interface BarChartProps {
data: ChartItem[];
}
export interface StatCardProps {
title: string;
value: number | string;
subtitle: string;
progress: number;
color: 'teal' | 'amber' | 'rose' | 'emerald';
}
export interface ProgressBarProps {
label: string;
value: number;
maxValue: number;
}
export interface StatusProgressProps {
label: string;
value: number;
total: number;
barColor?: string;
}