From 69d5d842641ee80abcfa4ca4e5743be4952ece96 Mon Sep 17 00:00:00 2001 From: Michelle Lim <18221052@std.stei.itb.ac.id> Date: Wed, 22 Nov 2023 21:44:47 +0900 Subject: [PATCH] fix: kendaraan page dropdown not working --- pages/kendaraan/create.jsx | 40 ++++++++++++++++++++--------------- pages/kendaraan/edit/[id].jsx | 32 ++++++++++++++-------------- 2 files changed, 39 insertions(+), 33 deletions(-) diff --git a/pages/kendaraan/create.jsx b/pages/kendaraan/create.jsx index 2fbbb27..1828bc0 100644 --- a/pages/kendaraan/create.jsx +++ b/pages/kendaraan/create.jsx @@ -76,35 +76,41 @@ const Create = () => { </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Jenis Transmisi Kendaraan</span> - <select value={jenisTransmisi}> - <option value="MATIC">Matic</option> - <option value="MANUAL">Manual</option> + <select value={jenisTransmisi} onChange={(e) => { + setJenisTransmisi(e.target.value) + }}> + <option value="MATIC">Matic</option> + <option value="MANUAL">Manual</option> </select> </div> <div className="flex flex-row align-middle justify-between"> - <span className="h-min my-auto font-bold text-lg">Jumlah Kilometer Kendaraan</span> - <input value={jumlahKilometer} onChange={(e) => { - setJumlahKilometer(e.target.value) - }} type="tel" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> + <span className="h-min my-auto font-bold text-lg">Jumlah Kilometer Kendaraan</span> + <input value={jumlahKilometer} onChange={(e) => { + setJumlahKilometer(e.target.value) + }} type="tel" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> </div> <div className="flex flex-row align-middle justify-between"> - <span className="h-min my-auto font-bold text-lg">Tanggal Terakhir Service Kendaraan</span> - <input value={tanggalTerakhirService} onChange={(e) => { - setTanggalTerakhirService(e.target.value) - }} type="text" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> + <span className="h-min my-auto font-bold text-lg">Tanggal Terakhir Service Kendaraan</span> + <input value={tanggalTerakhirService} onChange={(e) => { + setTanggalTerakhirService(e.target.value) + }} type="date" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Status Ketersediaan Kendaraan</span> - <select value={statusKetersediaan}> - <option value="AVAILABLE">Available</option> - <option value="IN USE">In Use</option> + <select value={statusKetersediaan} onChange={(e) => { + setStatusKetersediaan(e.target.value) + }}> + <option value="AVAILABLE">Available</option> + <option value="IN USE">In Use</option> </select> </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Status Service Kendaraan</span> - <select value={statusKetersediaan}> - <option value="SERVICE">Service</option> - <option value="READY">Ready</option> + <select value={statusKendaraan} onChange={(e) => { + setStatusKendaraan(e.target.value) + }}> + <option value="SERVICE">Service</option> + <option value="READY">Ready</option> </select> </div> <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} /> diff --git a/pages/kendaraan/edit/[id].jsx b/pages/kendaraan/edit/[id].jsx index 4711051..0119a4a 100644 --- a/pages/kendaraan/edit/[id].jsx +++ b/pages/kendaraan/edit/[id].jsx @@ -97,9 +97,11 @@ const Edit = () => { </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Jenis Transmisi Kendaraan</span> - <select disabled value={statusKetersediaan}> - <option value="MATIC">Matic</option> - <option value="MANUAL">Manual</option> + <select disabled value={jenisTransmisi} onChange={(e) => { + setJenisTransmisi(e.target.value) + }}> + <option value="MATIC">Matic</option> + <option value="MANUAL">Manual</option> </select> </div> <div className="flex flex-row align-middle justify-between"> @@ -112,26 +114,24 @@ const Edit = () => { <span className="h-min my-auto font-bold text-lg">Tanggal Terakhir Service Kendaraan</span> <input value={tanggalTerakhirService} onChange={(e) => { setTanggalTerakhirService(e.target.value) - }} type="text" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> - </div> - <div className="flex flex-row align-middle justify-between"> - <span className="h-min my-auto font-bold text-lg">Tanggal Terakhir Service Kendaraan</span> - <input value={tanggalTerakhirService} onChange={(e) => { - setTanggalTerakhirService(e.target.value) - }} type="text" required className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> + }} type="date" className="drop-shadow-xl w-2/4 p-2 rounded-xl" /> </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Status Ketersediaan Kendaraan</span> - <select value={statusKetersediaan}> - <option value="AVAILABLE">Available</option> - <option value="IN USE">In Use</option> + <select value={statusKetersediaan} onChange={(e) => { + setStatusKetersediaan(e.target.value) + }}> + <option value="AVAILABLE">Available</option> + <option value="IN USE">In Use</option> </select> </div> <div className="flex flex-row align-middle justify-between"> <span className="h-min my-auto font-bold text-lg">Status Service Kendaraan</span> - <select value={statusKetersediaan}> - <option value="SERVICE">Service</option> - <option value="READY">Ready</option> + <select value={statusKendaraan} onChange={(e) => { + setStatusKendaraan(e.target.value) + }}> + <option value="SERVICE">Service</option> + <option value="READY">Ready</option> </select> </div> <input type="submit" className="bg-[#F875AA] px-8 py-3 text-xl font-bold text-white rounded-xl mx-auto" value={"Simpan"} /> -- GitLab