apps/khata-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed compare display

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2026-04-07 10:54:57 +05:30
parent f4e5979c00
commit 6602d29299
2 changed files with 36 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/HistoryChart.tsx
View File

@@ -6,6 +6,7 @@ export interface ChartDataPoint {
amount: number;
compareAmount?: number;
count?: number;
compareLabel?: string;
highlighted?: boolean;
}
@@ -203,9 +204,17 @@ export default function HistoryChart({
}}
>
{/* Values */}
<Typography variant="caption" sx={{ mb: 1, fontSize: "0.65rem" }}>
{formatAmount(point.amount)}
</Typography>
<Box sx={{ mb: 1, textAlign: "center" }}>
{comparison && point.compareAmount ? (
<Typography variant="caption" sx={{ fontSize: "0.6rem", color: "text.secondary" }}>
{formatAmount(point.compareAmount)}
</Typography>
) : null}
<Typography variant="caption" sx={{ fontSize: "0.65rem" }}>
{formatAmount(point.amount)}
</Typography>
</Box>
{/* Bars */}
<Box
@@ -240,18 +249,25 @@ export default function HistoryChart({
</Box>
{/* Label */}
<Typography
variant="caption"
color="text.secondary"
sx={{
mt: 1,
fontSize: "0.7rem",
textAlign: "center",
whiteSpace: "pre-line"
}}
>
{point.id}
</Typography>
<Box sx={{ mt: 1, textAlign: "center" }}>
{comparison && point.compareLabel && (
<Typography
variant="caption"
color="text.secondary"
sx={{ fontSize: "0.6rem", display: "block" }}
>
{point.compareLabel}
</Typography>
)}
<Typography
variant="caption"
color="text.secondary"
sx={{ fontSize: "0.7rem", display: "block" }}
>
{point.id}
</Typography>
</Box>
</Box>
);
})}