feat(FE-170): simplify action buttons in RecordingForm for detail view

src/components/pages/production/recording/form/RecordingForm.tsx

@@ -2414,7 +2414,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
           {/* Action buttons */}
           <div className='flex flex-row justify-between gap-2 flex-wrap'>
             {/* Left side - Detail & Edit actions */}
-            {type !== 'add' && !isRecordingApproved(initialValues) && (
             <div className='flex flex-row justify-start gap-2'>
               {type === 'detail' && deleteRecordingClickHandler && (
                 <Button
@@ -2449,7 +2448,6 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                 </Button>
               )}
             </div>
-            )}
             <div className='flex flex-row justify-end gap-2'>
               {type === 'detail' && isLayingCategory && (
                 <Button
@@ -2494,7 +2492,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
                 <>
                   <Button
                     type='reset'
-                    color='neutral'
+                    color='warning'
                     className='px-4'
                     onClick={(e) => {
                       formik.handleReset(e);
@@ -2569,7 +2567,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       </section>
 
       {/* ===== MODALS ===== */}
-      {type !== 'add' && !isRecordingApproved(initialValues) && (
+      {type === 'detail' && (
         <>
           <ConfirmationModal
             ref={deleteModal.ref}