From 943c0e05b9f51b8dd3476116d5f05aebd49a92df Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 27 Oct 2025 06:50:48 +0700
Subject: [PATCH] refactor(FE-137): conditionally render location SelectInput
 in RecordingForm based on type

---
 .../recording/form/RecordingForm.tsx          | 29 ++++++++++---------
 1 file changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index ada0f019..17af9515 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -675,20 +675,21 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               body: 'flex flex-col gap-6',
             }}
           >
-            <div className='grid grid-cols-1 md:grid-cols-2 gap-6'>
-              <SelectInput
-                required
-                label='Lokasi'
-                value={selectedLocation}
-                onChange={locationChangeHandler}
-                options={locationOptions}
-                onInputChange={setLocationSearchValue}
-                isLoading={isLoadingLocations}
-                isDisabled={type === 'detail'}
-                placeholder='Pilih Lokasi'
-                isClearable
-                isSearchable
-              />
+            <div className={type === 'detail' ? 'flex flex-col gap-6' : 'grid grid-cols-1 md:grid-cols-2 gap-6'}>
+              {type === 'detail' ? null : (
+                <SelectInput
+                  required
+                  label='Lokasi'
+                  value={selectedLocation}
+                  onChange={locationChangeHandler}
+                  options={locationOptions}
+                  onInputChange={setLocationSearchValue}
+                  isLoading={isLoadingLocations}
+                  placeholder='Pilih Lokasi'
+                  isClearable
+                  isSearchable
+                />
+              )}
 
               <div>
                 <SelectInput