diff --git a/app/page.tsx b/app/page.tsx index b6be951..39ac597 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -12,9 +12,8 @@ import { MapPinIcon } from '@heroicons/react/24/outline'; import { LocationCard } from './ui/LocationCard'; -import { BillPaymentForm } from './ui/BillPaymentForm'; +import { BillEditForm } from './ui/BillEditForm'; import { LocationEditForm } from './ui/LocationEditForm'; -import { BillTemplateForm } from './ui/BillTemplateForm'; import { MonthTitle } from './ui/MonthTitle'; import { AddMonthButton } from './ui/AddMonthButton'; import { AddLocationButton } from './ui/AddLocationButton'; @@ -61,9 +60,8 @@ export default function Page() { {id: 3, name: 'GSKG', paid: true}, ]} /> - + - ); } diff --git a/app/ui/BillPaymentForm.tsx b/app/ui/BillEditForm.tsx similarity index 76% rename from app/ui/BillPaymentForm.tsx rename to app/ui/BillEditForm.tsx index b3d696f..c8e05dc 100644 --- a/app/ui/BillPaymentForm.tsx +++ b/app/ui/BillEditForm.tsx @@ -2,18 +2,17 @@ import { Cog8ToothIcon, DocumentIcon, TrashIcon } from "@heroicons/react/24/outl import { Bill } from "../lib/db-types"; import { FC } from "react"; -export interface BillPaymentFormProps { +export interface BillEditFormProps { bill: Bill } -export const BillPaymentForm:FC = ({ bill: { name, description, paid } }) => +export const BillEditForm:FC = ({ bill: { name, description, paid } }) =>
- -

{name}

-

{description}

+ + 2023-22-12 document GSKG račun za 2023.pdf diff --git a/app/ui/BillTemplateForm.tsx b/app/ui/BillTemplateForm.tsx deleted file mode 100644 index 8b23829..0000000 --- a/app/ui/BillTemplateForm.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import { FC } from "react"; - -export interface BillTemplateFormProps { - -} - -export const BillTemplateForm:FC = () => -
-
- - - - - -
-
; \ No newline at end of file diff --git a/app/ui/LocationEditForm.tsx b/app/ui/LocationEditForm.tsx index 4d21a12..4f68d98 100644 --- a/app/ui/LocationEditForm.tsx +++ b/app/ui/LocationEditForm.tsx @@ -1,3 +1,4 @@ +import { TrashIcon } from "@heroicons/react/24/outline"; import { FC } from "react"; export interface LocationEditFormProps { @@ -8,6 +9,7 @@ export const LocationEditForm:FC = () =>
+