From 9d6148e8778fbf07cc0dfd89699b153bbf2e0dbd Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Thu, 22 Jan 2026 14:46:38 +0700
Subject: [PATCH] refactor(FE): Add tooltip and allow 3-decimal weight input

---
 .../recording/form/RecordingForm.tsx          | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/production/recording/form/RecordingForm.tsx b/src/components/pages/production/recording/form/RecordingForm.tsx
index 65f72925..a000f4a3 100644
--- a/src/components/pages/production/recording/form/RecordingForm.tsx
+++ b/src/components/pages/production/recording/form/RecordingForm.tsx
@@ -23,6 +23,7 @@ import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWith
 import Modal, { useModal } from '@/components/Modal';
 import AlertErrorList from '@/components/helper/form/FormErrors';
 import Table from '@/components/Table';
+import Tooltip from '@/components/Tooltip';
 import { type ColumnDef } from '@tanstack/react-table';
 
 import {
@@ -2816,7 +2817,23 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                       )}
                       <th>Kondisi Telur</th>
                       <th>Jumlah</th>
-                      <th>Total Berat (Kilogram)</th>
+                      <th className='flex items-center gap-1'>
+                        Total Berat (Kilogram)
+                        <Tooltip
+                          className={{
+                            wrapper: 'cursor-pointer',
+                          }}
+                          position='bottom'
+                          content='Untuk menggunakan koma bisa menekan tombol titik (.) pada keyboard, Misal 0.123'
+                        >
+                          <Icon
+                            icon='heroicons:information-circle'
+                            width={20}
+                            height={20}
+                            className='text-gray-400 hover:text-gray-600 shrink-0'
+                          />
+                        </Tooltip>
+                      </th>
                       {(type as 'add' | 'edit' | 'detail') !== 'detail' && (
                         <th>Action</th>
                       )}
@@ -2922,7 +2939,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                               value={egg.weight ?? ''}
                               onChange={handleEggWeightChangeWrapper(idx)}
                               onBlur={formik.handleBlur}
-                              decimalScale={0}
+                              decimalScale={3}
                               allowNegative={false}
                               thousandSeparator=','
                               decimalSeparator='.'