From 2bf83619c7cc4765c0d95547ddb55a5b27541381 Mon Sep 17 00:00:00 2001
From: Iqbal Rizqi Kurniawan <iqbalrzq20@gmail.com>
Date: Fri, 17 Oct 2025 00:45:32 +0700
Subject: [PATCH] feat: replace device location select with input field for
 direct entry in DetailDevice component

---
 .../master/device/component/DetailDevice.jsx  | 21 ++++++-------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/src/pages/master/device/component/DetailDevice.jsx b/src/pages/master/device/component/DetailDevice.jsx
index c52c345..ba9e858 100644
--- a/src/pages/master/device/component/DetailDevice.jsx
+++ b/src/pages/master/device/component/DetailDevice.jsx
@@ -215,12 +215,6 @@ const DetailDevice = (props) => {
         });
     };
 
-    const handleSelectChange = (value) => {
-        setFormData({
-            ...FormData,
-            device_location: value,
-        });
-    };
 
     useEffect(() => {
         const token = localStorage.getItem('token');
@@ -366,16 +360,13 @@ const DetailDevice = (props) => {
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Location</Text>
                         <Text style={{ color: 'red' }}> *</Text>
-                        <Select
+                        <Input
+                            type="text"
+                            name="device_location"
                             value={FormData.device_location}
-                            onChange={handleSelectChange}
-                            disabled={props.readOnly}
-                            style={{ width: '100%' }}
-                            placeholder="Select Location"
-                            options={[
-                                { value: 'Building A', label: 'Building A' },
-                                { value: 'Building B', label: 'Building B' },
-                            ]}
+                            onChange={handleInputChange}
+                            placeholder="Enter Device Location"
+                            readOnly={props.readOnly}
                         />
                     </div>
                     <div style={{ marginBottom: 12 }}>