knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

BillBage: implemented proof-of-payment indicator

Browse Source
This commit is contained in:
Knee Cola
2025-12-07 16:04:09 +01:00
parent 7994f9ebdb
commit 25865cfae4
2 changed files with 28 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/ui/BillBadge.tsx
View File

@@ -1,13 +1,24 @@
import { FC } from "react"
import { Bill } from "@/app/lib/db-types"
import Link from "next/link"
import { TicketIcon } from "@heroicons/react/24/outline"
export interface BillBadgeProps {
locationId: string,
bill: Bill
};
export const BillBadge:FC<BillBadgeProps> = ({ locationId, bill: { _id: billId, name, paid, hasAttachment }}) =>
<Link href={`/home/bill/${locationId}-${billId}/edit`} className={`badge badge-lg ${paid?"badge-success":" badge-outline"} ${ !paid && hasAttachment ? "btn-outline btn-success" : "" } cursor-pointer`}>
{name}
</Link>;
export const BillBadge:FC<BillBadgeProps> = ({ locationId, bill: { _id: billId, name, paid, hasAttachment, proofOfPayment }}) => {
const className = `badge badge-lg ${paid?"badge-success":" badge-outline"} ${ !paid && hasAttachment ? "btn-outline btn-success" : "" } cursor-pointer`;
return (
<Link href={`/home/bill/${locationId}-${billId}/edit`} className={className}>
{name}
{
proofOfPayment?.uploadedAt ?
<TicketIcon className="h-[1em] w-[1em] inline-block ml-1" /> : null
}
</Link>
);
}