27 lines
941 B
TypeScript
27 lines
941 B
TypeScript
import { FC } from "react";
|
|
import { Bill } from "@/app/lib/db-types";
|
|
import Link from "next/link";
|
|
import { TicketIcon } from "@heroicons/react/24/outline";
|
|
import { useLocale } from "next-intl";
|
|
|
|
export interface ViewBillBadgeProps {
|
|
locationId: string,
|
|
bill: Bill
|
|
};
|
|
|
|
export const ViewBillBadge: FC<ViewBillBadgeProps> = ({ locationId, bill: { _id: billId, name, paid, attachment, proofOfPayment } }) => {
|
|
|
|
const currentLocale = useLocale();
|
|
|
|
const className = `badge badge-lg p-[1em] ${paid ? "badge-success" : " badge-outline"} ${!paid && !!attachment ? "btn-outline btn-success" : ""} cursor-pointer`;
|
|
|
|
return (
|
|
<Link href={`/${currentLocale}//share/bill/${locationId}-${billId}`} className={className}>
|
|
{name}
|
|
{
|
|
proofOfPayment?.uploadedAt ?
|
|
<TicketIcon className="h-[1em] w-[1em] inline-block ml-1" /> : null
|
|
}
|
|
</Link>
|
|
);
|
|
} |