Bill Edit Form: dovršen fetch

app/ui/BillBadge.tsx

@@ -1,9 +1,14 @@
 import { FC } from "react"
-import { Bill } from "../lib/db-types"
+import { Bill, Location } from "@/app/lib/db-types"
+import Link from "next/link"
+import { ObjectId } from "mongodb";
 
 export interface BillBadgeProps {
+    locationId: ObjectId,
     bill: Bill
 };
 
-export const BillBadge:FC<BillBadgeProps> = ({bill: { name, paid }}) =>
-    <div className={`badge badge-lg ${paid} ${paid?"badge-success":" badge-outline"} cursor-pointer`}>{name}</div>
+export const BillBadge:FC<BillBadgeProps> = ({ locationId, bill: { _id: billId, name, paid }}) =>
+<Link href={`/bills/${locationId}-${billId}/edit`} className={`badge badge-lg ${paid} ${paid?"badge-success":" badge-outline"} cursor-pointer`}>
+    {name}
+</Link>;