fix(FE): Parse recordingId and hide actions for rejected

src/app/production/recording/detail/edit/page.tsx

@@ -14,7 +14,7 @@ const RecordingEdit = () => {
 
   const { data: recording, isLoading: isLoadingRecording } = useSWR(
     recordingId,
-    (id: number) => RecordingApi.getSingle(id) // Gunakan RecordingApi
+    (id: string) => RecordingApi.getSingle(parseInt(id))
   );
 
   if (!recordingId) {

src/app/production/recording/detail/page.tsx

@@ -14,7 +14,7 @@ const RecordingDetail = () => {
 
   const { data: recording, isLoading: isLoadingRecording } = useSWR(
     recordingId,
-    (id: number) => RecordingApi.getSingle(id)
+    (id: string) => RecordingApi.getSingle(parseInt(id))
   );
 
   if (!recordingId) {

src/components/pages/production/recording/RecordingTable.tsx

@@ -50,7 +50,12 @@ const RowOptionsMenu = ({
     );
   };
 
+  const isRecordingRejected = (recording: Recording) => {
+    return recording.approval?.action === 'REJECTED';
+  };
+
   const isApproved = isRecordingApproved(props.row.original);
+  const isRejected = isRecordingRejected(props.row.original);
 
   return (
     <RowOptionsMenuWrapper type={type}>
@@ -72,7 +77,7 @@ const RowOptionsMenu = ({
         <Icon icon='mdi:pencil-outline' width={16} height={16} />
         Edit
       </Button>
-      {!isApproved && (
+      {!isApproved && !isRejected && (
         <Button
           onClick={approveClickHandler}
           variant='ghost'
@@ -83,7 +88,7 @@ const RowOptionsMenu = ({
           Approve
         </Button>
       )}
-      {!isApproved && (
+      {!isApproved && !isRejected && (
         <Button
           onClick={rejectClickHandler}
           variant='ghost'

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

@@ -112,6 +112,10 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
     );
   }, []);
 
+  const isRecordingRejected = useCallback((recording?: Recording) => {
+    return recording?.approval?.action === 'REJECTED';
+  }, []);
+
   // ===== PAYLOAD CREATION HELPERS =====
   const createGrowingPayload = useCallback(
     (values: RecordingGrowingFormValues) => {
@@ -1483,37 +1487,48 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               Kembali
             </Button>
 
-            {type === 'detail' && !isRecordingApproved(initialValues) && (
+            {type === 'detail' &&
-              <div className='flex flex-row gap-2'>
+              initialValues?.approval &&
-                <Button
+              !isRecordingApproved(initialValues) &&
-                  variant='outline'
+              !isRecordingRejected(initialValues) && (
-                  color='success'
+                <div className='flex flex-row gap-2'>
-                  onClick={() => {
+                  <Button
-                    setApprovalNotes('');
+                    variant='outline'
-                    approveModal.openModal();
+                    color='success'
-                  }}
+                    onClick={() => {
-                  isLoading={isApproveLoading}
+                      setApprovalNotes('');
-                  className='w-full sm:w-fit'
+                      approveModal.openModal();
-                >
+                    }}
-                  <Icon icon='material-symbols:check' width={24} height={24} />
+                    isLoading={isApproveLoading}
-                  Approve
+                    className='w-full sm:w-fit'
-                </Button>
+                  >
+                    <Icon
+                      icon='material-symbols:check'
+                      width={24}
+                      height={24}
+                    />
+                    Approve
+                  </Button>
 
-                <Button
+                  <Button
-                  variant='outline'
+                    variant='outline'
-                  color='error'
+                    color='error'
-                  onClick={() => {
+                    onClick={() => {
-                    setApprovalNotes('');
+                      setApprovalNotes('');
-                    rejectModal.openModal();
+                      rejectModal.openModal();
-                  }}
+                    }}
-                  isLoading={isRejectLoading}
+                    isLoading={isRejectLoading}
-                  className='w-full sm:w-fit'
+                    className='w-full sm:w-fit'
-                >
+                  >
-                  <Icon icon='material-symbols:close' width={24} height={24} />
+                    <Icon
-                  Reject
+                      icon='material-symbols:close'
-                </Button>
+                      width={24}
-              </div>
+                      height={24}
-            )}
+                    />
+                    Reject
+                  </Button>
+                </div>
+              )}
           </div>
 
           <h1 className='text-2xl font-bold text-center'>
@@ -2803,7 +2818,8 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
 
           {/* Approve Confirmation Modal */}
           {(type as 'add' | 'edit' | 'detail') === 'detail' &&
-            !isRecordingApproved(initialValues) && (
+            !isRecordingApproved(initialValues) &&
+            !isRecordingRejected(initialValues) && (
               <ConfirmationModalWithNotes
                 ref={approveModal.ref}
                 type='success'