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

ambiguity amount balance coloring

Browse Source
This commit is contained in:
Vishesh 'ironeagle' Bangotra
2026-05-29 16:19:59 +05:30
parent 8c8808e18b
commit 034e0ad29a
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/FetchRequestDetail.tsx
View File

@@ -445,13 +445,13 @@ export default function FetchRequestDetail() {
<Box sx={{ display: "flex", gap: 3, mb: 1.5, flexWrap: "wrap" }}>
<Box>
<Typography variant="caption" color="text.secondary">OCR Amount</Typography>
<Typography variant="body2" sx={{ textDecoration: "line-through", color: "error.main" }}>
<Typography variant="body2" sx={{ textDecoration: "line-through", color: "text.secondary" }}>
₹{ambiguity.ocr_amount}
</Typography>
</Box>
<Box>
<Typography variant="caption" color="text.secondary">OCR Balance</Typography>
<Typography variant="body2" sx={{ textDecoration: "line-through", color: "error.main" }}>
<Typography variant="body2" sx={{ textDecoration: "line-through", color: "text.secondary" }}>
₹{ambiguity.ocr_balance}
</Typography>
</Box>
@@ -468,7 +468,9 @@ export default function FetchRequestDetail() {
) : (
<Box sx={{ display: "flex", gap: 1, flexWrap: "wrap" }}>
{ambiguity.candidates.map((candidate: any, ci: number) => {
const valid = isMathValid(candidate, ambiguity.prev_balance);
const isCredit = candidate.amount > 0;
const isDebit = candidate.amount < 0;
const cColor = isCredit ? "success.main" : isDebit ? "error.main" : undefined;
return (
<Button
key={ci}
@@ -477,13 +479,12 @@ export default function FetchRequestDetail() {
onClick={() => handleResolve(ambiguity, candidate)}
disabled={resolveMutation.isPending}
sx={{
borderColor: valid ? "success.main" : undefined,
color: valid ? "success.main" : undefined,
"&:hover": valid ? { borderColor: "success.dark", bgcolor: "success.contrastText" } : undefined,
borderColor: cColor,
color: cColor,
"&:hover": cColor ? { borderColor: cColor } : undefined,
}}
>
₹{candidate.amount} / ₹{candidate.balance}
{valid && " ✓"}
</Button>
);
})}