From 5deca5739fffed9f15a668cbb4c4dfde132945d5 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Mon, 8 Dec 2025 20:08:35 +0700
Subject: [PATCH] refactor(FE-318): Add egg weight column and separate inputs

---
 .../recording/form/RecordingForm.tsx          | 114 +++++++++---------
 1 file changed, 60 insertions(+), 54 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 582e8e78..f9314a9d 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -2599,6 +2599,15 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                           <span className='text-error'>*</span>
                         </span>
                       </th>
+                      <th>
+                        Berat (gram)
+                        <span
+                          className='tooltip tooltip-error tooltip-bottom '
+                          data-tip='required'
+                        >
+                          <span className='text-error'>*</span>
+                        </span>
+                      </th>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                         <th>Action</th>
                       )}
@@ -2674,58 +2683,55 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                             />
                           </td>
                           <td>
-                            <div className='flex flex-col gap-1'>
-                              <NumberInput
-                                required
-                                name={`eggs.${idx}.qty`}
-                                value={egg.qty ?? ''}
-                                onChange={handleEggQtyChangeWrapper(idx)}
-                                onBlur={formik.handleBlur}
-                                decimalScale={0}
-                                allowNegative={false}
-                                thousandSeparator=','
-                                decimalSeparator='.'
-                                isError={
-                                  isRepeaterInputError('eggs', 'qty', idx)
-                                    .isError
-                                }
-                                errorMessage={
-                                  isRepeaterInputError('eggs', 'qty', idx)
-                                    .errorMessage
-                                }
-                                readOnly={type === 'detail'}
-                                className={{
-                                  wrapper: 'w-full min-w-24',
-                                }}
-                                placeholder='Masukkan jumlah telur'
-                              />
-                            </div>
-                            <div className='flex flex-col gap-1'>
-                              <NumberInput
-                                required
-                                name={`eggs.${idx}.weight`}
-                                value={egg.weight ?? ''}
-                                onChange={handleEggWeightChangeWrapper(idx)}
-                                onBlur={formik.handleBlur}
-                                decimalScale={0}
-                                allowNegative={false}
-                                thousandSeparator=','
-                                decimalSeparator='.'
-                                isError={
-                                  isRepeaterInputError('eggs', 'weight', idx)
-                                    .isError
-                                }
-                                errorMessage={
-                                  isRepeaterInputError('eggs', 'weight', idx)
-                                    .errorMessage
-                                }
-                                readOnly={type === 'detail'}
-                                className={{
-                                  wrapper: 'w-full min-w-24',
-                                }}
-                                placeholder='Masukkan berat telur (gram)...'
-                              />
-                            </div>
+                            <NumberInput
+                              required
+                              name={`eggs.${idx}.qty`}
+                              value={egg.qty ?? ''}
+                              onChange={handleEggQtyChangeWrapper(idx)}
+                              onBlur={formik.handleBlur}
+                              decimalScale={0}
+                              allowNegative={false}
+                              thousandSeparator=','
+                              decimalSeparator='.'
+                              isError={
+                                isRepeaterInputError('eggs', 'qty', idx).isError
+                              }
+                              errorMessage={
+                                isRepeaterInputError('eggs', 'qty', idx)
+                                  .errorMessage
+                              }
+                              readOnly={type === 'detail'}
+                              className={{
+                                wrapper: 'w-full min-w-24',
+                              }}
+                              placeholder='Masukkan jumlah telur'
+                            />
+                          </td>
+                          <td>
+                            <NumberInput
+                              required
+                              name={`eggs.${idx}.weight`}
+                              value={egg.weight ?? ''}
+                              onChange={handleEggWeightChangeWrapper(idx)}
+                              onBlur={formik.handleBlur}
+                              decimalScale={0}
+                              allowNegative={false}
+                              thousandSeparator=','
+                              decimalSeparator='.'
+                              isError={
+                                isRepeaterInputError('eggs', 'weight', idx)
+                                  .isError
+                              }
+                              errorMessage={
+                                isRepeaterInputError('eggs', 'weight', idx)
+                                  .errorMessage
+                              }
+                              readOnly={type === 'detail'}
+                              className={{
+                                wrapper: 'w-full min-w-24',
+                              }}
+                              placeholder='Masukkan berat telur (gram)...'
+                            />
                           </td>
                           {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                             <td>
@@ -2908,7 +2914,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                   >
                     Submit
                   </Button>
-                  {isLayingCategory && (
+                  {/*{isLayingCategory && (
                     <Tooltip
                       content={
                         hasConsumableEggs
@@ -2979,7 +2985,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                         Next Step: Grading
                       </Button>
                     </Tooltip>
-                  )}
+                  )}*/}
                 </div>
               )}
             </div>