header & footer

app/ui/BillEditForm.tsx

@@ -5,6 +5,7 @@ import { Bill } from "../lib/db-types";
 import React, { FC } from "react";
 import { useFormState } from "react-dom";
 import { gotoHome, updateOrAddBill } from "../lib/actions/billActions";
+import Link from "next/link";
 
 // Next.js does not encode an utf-8 file name correctly when sending a form with a file attachment
 // This is a workaround for that
@@ -41,15 +42,15 @@ export const BillEditForm:FC<BillEditFormProps> = ({ locationID, bill }) => {
     }
 
     return(
-    <div className="card card-compact card-bordered max-w-sm bg-base-100 shadow-s my-1">
+    <div className="card card-compact card-bordered min-w-96 bg-base-100 shadow-s">
         <div className="card-body">
             <form action={ dispatch }>
                 {
                     // don't show the delete button if we are adding a new bill
                     bill ?
-                    <a href={`/bill/${locationID}-${billID}/delete/`}>
+                    <Link href={`/bill/${locationID}-${billID}/delete/`}>
                         <TrashIcon className="h-[1em] w-[1em] absolute cursor-pointer text-error bottom-5 right-4 text-2xl" />
-                    </a> : null
+                    </Link> : null
                 }
 
                 <input id="billName" name="billName" type="text" placeholder="Bill name" className="input input-bordered w-full" defaultValue={name} required />
@@ -65,10 +66,10 @@ export const BillEditForm:FC<BillEditFormProps> = ({ locationID, bill }) => {
                     // <textarea className="textarea textarea-bordered my-1 w-full max-w-sm block" placeholder="Opis" value="Pričuva, Voda, Smeće"></textarea>
 
                     attachment ? 
-                    <a href={`/attachment/${locationID}-${billID}/`} target="_blank" className='text-center block max-w-[24em] text-nowrap truncate inline-block mt-4'>
+                    <Link href={`/attachment/${locationID}-${billID}/`} target="_blank" className='text-center block max-w-[24em] text-nowrap truncate inline-block mt-4'>
                         <DocumentIcon className="h-[1em] w-[1em] text-2xl inline-block mr-1" />
                         {decodeURIComponent(attachment.fileName)}
-                    </a>
+                    </Link>
                     : null
                 }
                 <input id="billAttachment" name="billAttachment" type="file" className="file-input file-input-bordered w-full max-w-sm file-input-xs my-2" />