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

LocationEditForm: migrated to client-side rendering

Browse Source
This commit is contained in:
Nikola Derežić
2024-02-08 13:50:48 +01:00
parent 3bd487d126
commit 0bb4c12061
4 changed files with 71 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
app/ui/LocationEditForm.tsx
View File

@@ -65,10 +65,9 @@ export const LocationEditForm:FC<LocationEditFormProps> = ({ location, yearMonth
</p>
}
</div>
<div className="pt-4">
<button className="btn btn-primary">Save</button>
<Link className="btn btn-neutral ml-3" href={`/?year=${year}&month=${month}`}>Cancel</Link>
<button className="btn btn-primary w-[5.5em]">Save</button>
<Link className="btn btn-neutral w-[5.5em] ml-3" href={`/?year=${year}&month=${month}`}>Cancel</Link>
</div>
</form>
</div>
@@ -79,10 +78,14 @@ export const LocationEditForm:FC<LocationEditFormProps> = ({ location, yearMonth
export const LocationEditFormSkeleton:FC = () =>
{
return(
<div className="skeleton card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card-body">
<input id="locationName" name="locationName" type="text" placeholder="Naziv lokacije" className="input input-bordered w-full" />
<textarea id="locationNotes" name="locationNotes" className="textarea textarea-bordered my-1 w-full block" placeholder="Opis"></textarea>
<div className="card card-compact card-bordered min-w-[20em] max-w-[90em] bg-base-100 shadow-s my-1">
<div className="card-body skeleton">
<div id="locationName" className="input input-bordered w-full"></div>
<div id="locationNotes" className="textarea textarea-bordered my-1 w-full block"></div>
<div className="pt-4">
<div className="btn btn-neutral w-[5.5em]"></div>
<div className="btn btn-neutral w-[5.5em] ml-3"></div>
</div>
</div>
</div>
)