pojednostavljeni edit form-ovi

app/ui/BillEditForm.tsx

@@ -0,0 +1,31 @@
+import { Cog8ToothIcon, DocumentIcon, TrashIcon } from "@heroicons/react/24/outline";
+import { Bill } from "../lib/db-types";
+import { FC } from "react";
+
+export interface BillEditFormProps {
+    bill: Bill
+}
+
+export const BillEditForm:FC<BillEditFormProps> = ({ bill: { name, description, paid } }) =>
+    <div className="card card-compact card-bordered max-w-sm bg-base-100 shadow-s my-1">
+    <div className="card-body">
+    <form>
+        <TrashIcon className="h-[1em] w-[1em] absolute cursor-pointer text-error bottom-5 right-4 text-2xl" />
+        <input type="text" placeholder="Naziv računa" className="input input-bordered w-full" value="GSKG" />
+        <textarea className="textarea textarea-bordered my-1 w-full max-w-sm block" placeholder="Opis" value="Pričuva, Voda, Smeće"></textarea>
+        <a href="#document.pdf" className='text-center block max-w-[24em] text-nowrap truncate inline-block'>
+        <DocumentIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1" />
+        2023-22-12 document GSKG račun za 2023.pdf
+        </a>
+        <input type="file" className="file-input file-input-bordered w-full max-w-sm file-input-xs my-2" />
+        <div className="form-control w-32 p-1">
+        <label className="cursor-pointer label p-0">
+            <span className="label-text">Plaćeno</span> 
+            <input type="checkbox" className="toggle toggle-success" checked={paid} />
+        </label>
+        </div>
+        <textarea className="textarea textarea-bordered my-2 w-full max-w-sm block" placeholder="Napomena"></textarea>
+        <button className="btn btn-primary">Spremi</button>
+    </form>
+    </div>
+    </div>