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