kjanat/livedash-node
1
0
Fork 0
mirror of https://github.com/kjanat/livedash-node.git synced 2026-01-16 17:12:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: update date range calculations and improve UI components for better consistency and readability

Browse Source
This commit is contained in:
Max Kowalski
2025-06-28 01:12:52 +02:00
parent c4cfe2f389
commit a002d5ef76
11 changed files with 314 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/charts/bar-chart.tsx
View File

@ -43,11 +43,11 @@ export default function ModernBarChart({
title,
dataKey = "value",
colors = [
"hsl(var(--chart-1))",
"hsl(var(--chart-2))",
"hsl(var(--chart-3))",
"hsl(var(--chart-4))",
"hsl(var(--chart-5))",
"rgb(37, 99, 235)", // Blue (primary)
"rgb(107, 114, 128)", // Gray
"rgb(236, 72, 153)", // Pink
"rgb(34, 197, 94)", // Lime green
"rgb(168, 85, 247)", // Purple
],
height = 300,
className,
@ -64,12 +64,12 @@ export default function ModernBarChart({
<BarChart data={data} margin={{ top: 5, right: 30, left: 20, bottom: 5 }}>
<CartesianGrid
strokeDasharray="3 3"
stroke="hsl(var(--border))"
strokeOpacity={0.3}
stroke="rgb(229, 231, 235)"
strokeOpacity={0.5}
/>
<XAxis
dataKey="name"
stroke="hsl(var(--muted-foreground))"
stroke="rgb(100, 116, 139)"
fontSize={12}
tickLine={false}
axisLine={false}
@ -78,7 +78,7 @@ export default function ModernBarChart({
height={80}
/>
<YAxis
stroke="hsl(var(--muted-foreground))"
stroke="rgb(100, 116, 139)"
fontSize={12}
tickLine={false}
axisLine={false}

12
components/charts/donut-chart.tsx
View File

@ -67,11 +67,11 @@ export default function ModernDonutChart({
title,
centerText,
colors = [
"hsl(var(--chart-1))",
"hsl(var(--chart-2))",
"hsl(var(--chart-3))",
"hsl(var(--chart-4))",
"hsl(var(--chart-5))",
"rgb(37, 99, 235)", // Blue (primary)
"rgb(107, 114, 128)", // Gray
"rgb(236, 72, 153)", // Pink
"rgb(34, 197, 94)", // Lime green
"rgb(168, 85, 247)", // Purple
],
height = 300,
className,
@ -105,7 +105,7 @@ export default function ModernDonutChart({
key={`cell-${index}`}
fill={entry.color || colors[index % colors.length]}
className="hover:opacity-80 cursor-pointer"
stroke="hsl(var(--background))"
stroke="white"
strokeWidth={2}
/>
))}

10
components/charts/line-chart.tsx
View File

@ -44,7 +44,7 @@ export default function ModernLineChart({
data,
title,
dataKey = "value",
color = "hsl(var(--primary))",
color = "rgb(37, 99, 235)",
gradient = true,
height = 300,
className,
@ -71,18 +71,18 @@ export default function ModernLineChart({
</defs>
<CartesianGrid
strokeDasharray="3 3"
stroke="hsl(var(--border))"
strokeOpacity={0.3}
stroke="rgb(229, 231, 235)"
strokeOpacity={0.5}
/>
<XAxis
dataKey="date"
stroke="hsl(var(--muted-foreground))"
stroke="rgb(100, 116, 139)"
fontSize={12}
tickLine={false}
axisLine={false}
/>
<YAxis
stroke="hsl(var(--muted-foreground))"
stroke="rgb(100, 116, 139)"
fontSize={12}
tickLine={false}
axisLine={false}