src/pages/master/device/component/DetailDevice.jsx

@@ -14,6 +14,7 @@ const DetailDevice = (props) => {
         device_id: '',
         device_code: '',
         device_name: '',
+        brand_device: '',
         is_active: true,
         device_location: '',
         device_description: '',
@@ -228,6 +229,7 @@ const DetailDevice = (props) => {
                             }}
                         />
                     </div>
+
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Name</Text>
                         <Text style={{ color: 'red' }}> *</Text>
@@ -239,6 +241,23 @@ const DetailDevice = (props) => {
                             readOnly={props.readOnly}
                         />
                     </div>
+                    <div style={{ marginBottom: 12 }}>
+                        <Text strong>Brand Device</Text>
+                        <Text style={{ color: 'red' }}> *</Text>
+                        <Input
+                            name="brand_device"
+                            value={formData.brand_device}
+                            onChange={handleInputChange}
+                            placeholder="Enter Brand Device"
+                            readOnly={props.readOnly}
+                            disabled
+                            style={{
+                                backgroundColor: '#f5f5f5',
+                                cursor: 'not-allowed',
+                                color: formData.brand_device ? '#000000' : '#bfbfbf',
+                            }}
+                        />
+                    </div>
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Location</Text>
                         <Input

src/pages/master/device/component/ListDevice.jsx

@@ -34,6 +34,12 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         key: 'device_name',
         width: '20%',
     },
+    {
+        title: 'Brand Device',
+        dataIndex: 'brand_device',
+        key: 'brand_device',
+        width: '20%',
+    },
     {
         title: 'Location',
         dataIndex: 'device_location',