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

implemented bill update

Browse Source
This commit is contained in:
Nikola Derežić
2024-01-04 16:25:22 +01:00
parent 76ddedf652
commit 79dbe04245
4 changed files with 155 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/ui/BillEditForm.tsx
View File

@@ -1,35 +1,46 @@
import { Cog8ToothIcon, DocumentIcon, TrashIcon } from "@heroicons/react/24/outline";
import { Bill } from "../lib/db-types";
"use client";
import { TrashIcon } from "@heroicons/react/24/outline";
import { PlainBill } from "../lib/db-types";
import { FC } from "react";
import { ObjectId } from "mongodb";
import { useFormState } from "react-dom";
import { updateBill } from "../lib/actions";
export interface BillEditFormProps {
invoiceID: string,
bill: Bill
bill: PlainBill
}
export const BillEditForm:FC<BillEditFormProps> = ({ bill: { name, paid } }) =>
export const BillEditForm:FC<BillEditFormProps> = ({ invoiceID, bill: { id, name, paid } }) => {
const initialState = { message: null, errors: {} };
const updateBillWithId = updateBill.bind(null, invoiceID, id);
const [ state, dispatch ] = useFormState(updateBillWithId, initialState);
return(
<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" defaultValue={name} />
{
// <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 className="card-body">
<form action={ dispatch }>
<TrashIcon className="h-[1em] w-[1em] absolute cursor-pointer text-error bottom-5 right-4 text-2xl" />
<input id="billName" name="billName" type="text" placeholder="Naziv računa" className="input input-bordered w-full" defaultValue={name} />
{
// <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" defaultChecked={paid} />
</label>
</div>
<textarea className="textarea textarea-bordered my-2 w-full max-w-sm block" placeholder="Napomena"></textarea>
<button type="submit" className="btn btn-primary">Spremi</button>
</form>
</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>
</div>);
}