From 4e2da7d4fab7b85120710152b9cc283f987ba8dc Mon Sep 17 00:00:00 2001
From: Rafiafrzl <mrafiafrizal0@gmail.com>
Date: Wed, 15 Oct 2025 21:17:37 +0700
Subject: [PATCH] feat: refactor Plant Sub Section dropdown in DetailTag
 component

---
 src/pages/master/tag/component/DetailTag.jsx | 56 ++++++++++----------
 1 file changed, 28 insertions(+), 28 deletions(-)

diff --git a/src/pages/master/tag/component/DetailTag.jsx b/src/pages/master/tag/component/DetailTag.jsx
index 11ee17a..990c30a 100644
--- a/src/pages/master/tag/component/DetailTag.jsx
+++ b/src/pages/master/tag/component/DetailTag.jsx
@@ -440,6 +440,34 @@ const DetailTag = (props) => {
                             readOnly={props.readOnly}
                         />
                     </div>
+                    <div style={{ marginBottom: 12 }}>
+                        <Text strong>Plant Sub Section Name</Text>
+                        <Select
+                            style={{ width: '100%' }}
+                            placeholder="Select Plant Sub Section"
+                            value={FormData.sub_section_id || undefined}
+                            onChange={(value) => handleSelectChange('sub_section_id', value)}
+                            disabled={props.readOnly}
+                            loading={loadingPlantSubSections}
+                            showSearch
+                            allowClear
+                            optionFilterProp="children"
+                            filterOption={(input, option) => {
+                                const text = option.children;
+                                if (!text) return false;
+                                return text.toLowerCase().includes(input.toLowerCase());
+                            }}
+                        >
+                            {plantSubSectionList.map((section) => (
+                                <Select.Option
+                                    key={section.sub_section_id}
+                                    value={section.sub_section_id}
+                                >
+                                    {section.sub_section_name || ''}
+                                </Select.Option>
+                            ))}
+                        </Select>
+                    </div>
                     <div style={{ marginBottom: 12 }}>
                         <Text strong>Device Code</Text>
                         <Text style={{ color: 'red' }}> *</Text>
@@ -476,34 +504,6 @@ const DetailTag = (props) => {
                             style={{ backgroundColor: '#f5f5f5' }}
                         />
                     </div>
-                    <div style={{ marginBottom: 12 }}>
-                        <Text strong> Plant Sub Section Name</Text>
-                        <Select
-                            style={{ width: '100%' }}
-                            placeholder="Select Plant Sub Section"
-                            value={FormData.sub_section_id || undefined}
-                            onChange={(value) => handleSelectChange('sub_section_id', value)}
-                            disabled={props.readOnly}
-                            loading={loadingPlantSubSections}
-                            showSearch
-                            allowClear
-                            optionFilterProp="children"
-                            filterOption={(input, option) => {
-                                const text = option.children;
-                                if (!text) return false;
-                                return text.toLowerCase().includes(input.toLowerCase());
-                            }}
-                        >
-                            {plantSubSectionList.map((section) => (
-                                <Select.Option
-                                    key={section.sub_section_id}
-                                    value={section.sub_section_id}
-                                >
-                                    {section.sub_section_name || ''}
-                                </Select.Option>
-                            ))}
-                        </Select>
-                    </div>
                     {/* Device ID hidden - value dari dropdown */}
                     <input type="hidden" name="device_id" value={FormData.device_id || ''} />
                 </div>