diff --git a/README.md b/README.md index d1d4c4b..23b3846 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,5 @@ # ToDo -* Popis lokacija: - * omogućiti collapse za pojedine mjesece +* Public page with instructions # Authentication Authentication consists of the following parts: diff --git a/app/ui/AddLocationButton.tsx b/app/ui/AddLocationButton.tsx index 1c200aa..f0a7ff2 100644 --- a/app/ui/AddLocationButton.tsx +++ b/app/ui/AddLocationButton.tsx @@ -1,4 +1,4 @@ -import { PlusCircleIcon } from "@heroicons/react/24/outline"; +import { PlusCircleIcon, HomeIcon } from "@heroicons/react/24/outline"; import { YearMonth } from "../lib/db-types"; import { formatYearMonth } from "../lib/format"; import Link from "next/link"; @@ -12,8 +12,9 @@ export interface AddLocationButtonProps { export const AddLocationButton:React.FC = ({yearMonth}) =>
- - + + +
; \ No newline at end of file diff --git a/app/ui/AddMonthButton.tsx b/app/ui/AddMonthButton.tsx index 7616b71..af8e0f9 100644 --- a/app/ui/AddMonthButton.tsx +++ b/app/ui/AddMonthButton.tsx @@ -1,4 +1,4 @@ -import { PlusCircleIcon } from "@heroicons/react/24/outline"; +import { PlusCircleIcon, CalendarDaysIcon } from "@heroicons/react/24/outline"; import React from "react"; import { formatYearMonth } from "../lib/format"; import { YearMonth } from "../lib/db-types"; @@ -11,8 +11,9 @@ export interface AddMonthButtonProps { export const AddMonthButton:React.FC = ({ yearMonth }) =>
- - + + +
; diff --git a/app/ui/BillEditForm.tsx b/app/ui/BillEditForm.tsx index 41076e2..9565fd3 100644 --- a/app/ui/BillEditForm.tsx +++ b/app/ui/BillEditForm.tsx @@ -35,13 +35,17 @@ export const BillEditForm:FC = ({ location, bill }) => { const [ state, dispatch ] = useFormState(handleAction, initialState); const [ isPaid, setIsPaid ] = React.useState(paid); - const [ payedAmount, setPayedAmount ] = React.useState(initialPayedAmount ?? 0); + const [ payedAmount, setPayedAmount ] = React.useState(initialPayedAmount ? `${initialPayedAmount/100}` : "" ); const [ barcodeImage, setBarcodeImage ] = React.useState(initialBarcodeImage); const billPaid_handleChange = (event: React.ChangeEvent) => { setIsPaid(event.target.checked); } + const payedAmount_handleChange = (event: React.ChangeEvent) => { + setPayedAmount(event.target.value); + } + const billAttachment_handleChange = (event: React.ChangeEvent) => { findDecodePdf417(event) .then(result => { @@ -51,7 +55,7 @@ export const BillEditForm:FC = ({ location, bill }) => { billInfo } = result; - setPayedAmount(billInfo.amount); + setPayedAmount(`${billInfo.amount/100}`); setBarcodeImage(barcodeImage); } }); @@ -98,34 +102,28 @@ export const BillEditForm:FC = ({ location, bill }) => {

))} - -
-