From 13abc6d7ce3003ad913c313cf7283b994b9c721b Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Sat, 17 Jan 2026 11:02:22 +0700
Subject: [PATCH 1/2] fix(FE): change status badge

---
 .../project-flock/ProjectFlockTable.tsx       | 31 +++++++++++++------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/src/components/pages/production/project-flock/ProjectFlockTable.tsx b/src/components/pages/production/project-flock/ProjectFlockTable.tsx
index 6b935812..ab14ef84 100644
--- a/src/components/pages/production/project-flock/ProjectFlockTable.tsx
+++ b/src/components/pages/production/project-flock/ProjectFlockTable.tsx
@@ -15,7 +15,7 @@ import ConfirmationModalWithNotes from '@/components/modal/ConfirmationModalWith
 import Table from '@/components/Table';
 import { ROWS_OPTIONS } from '@/config/constant';
 import { isResponseError, isResponseSuccess } from '@/lib/api-helper';
-import { cn, formatDate } from '@/lib/helper';
+import { cn, formatDate, formatTitleCase } from '@/lib/helper';
 import { AreaApi, KandangApi, LocationApi } from '@/services/api/master-data';
 import { ProjectFlockApi } from '@/services/api/production/project-flock';
 import { useTableFilter } from '@/services/hooks/useTableFilter';
@@ -254,7 +254,8 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
         header: 'Status',
         cell: (props) => {
           const approval = props.row.original.approval;
-
+          const isRejected = approval?.action == 'REJECTED';
+          const isApproved = approval?.action == 'APPROVED';
           return (
             <Badge
               variant='soft'
@@ -262,11 +263,17 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
                 badge: 'rounded-lg px-2 w-full flex flex-row justify-start',
               }}
               color={
-                approval?.step_number == 1
-                  ? 'neutral'
-                  : approval?.step_number == 2
-                    ? 'success'
-                    : 'error'
+                isRejected
+                  ? 'error'
+                  : isApproved
+                    ? approval?.step_number == 1
+                      ? 'neutral'
+                      : approval?.step_number == 2
+                        ? 'primary'
+                        : approval?.step_number == 3
+                          ? 'success'
+                          : 'neutral'
+                    : 'neutral'
               }
             >
               <Icon
@@ -277,11 +284,15 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
                   approval?.step_number == 1
                     ? 'neutral'
                     : approval?.step_number == 2
-                      ? 'success'
-                      : 'error'
+                      ? 'primary'
+                      : approval?.step_number == 3
+                        ? 'success'
+                        : 'neutral'
                 }
               />
-              {approval?.step_name}
+              {isRejected
+                ? 'Ditolak'
+                : formatTitleCase(approval?.step_name || '')}
             </Badge>
           );
         },

From 835ba077d8e1176397259d9ca3b8c25a3510f748 Mon Sep 17 00:00:00 2001
From: randy-ar <randyabdulrahman87@gmail.com>
Date: Sat, 17 Jan 2026 11:08:25 +0700
Subject: [PATCH 2/2] fix(FE): change status badge kandang aktif

---
 .../production/chickin/form/ChickinForm.tsx      |  4 ++--
 .../project-flock/detail/ProjectFlockDetail.tsx  | 16 ++++++++--------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/pages/production/chickin/form/ChickinForm.tsx b/src/components/pages/production/chickin/form/ChickinForm.tsx
index b5b1dc4d..d484e1c6 100644
--- a/src/components/pages/production/chickin/form/ChickinForm.tsx
+++ b/src/components/pages/production/chickin/form/ChickinForm.tsx
@@ -75,12 +75,12 @@ const ChickinFormKandang = ({
         <div className='flex flex-row gap-2'>
           <Badge
             variant='soft'
-            color='success'
+            color='primary'
             className={{
               badge: 'rounded-lg px-2',
             }}
           >
-            <Icon icon='mdi:circle' width={12} height={12} color='success' />{' '}
+            <Icon icon='mdi:circle' width={12} height={12} color='primary' />{' '}
             Aktif
           </Badge>
           <div className='divider divider-horizontal p-0 m-0'></div>
diff --git a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
index 4a998c83..50b258fb 100644
--- a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
+++ b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
@@ -156,9 +156,9 @@ const ProjectFlockDetail = ({
                   projectFlock.approval?.step_number == 1
                     ? 'neutral'
                     : projectFlock.approval?.step_number == 2
-                      ? 'success'
-                      : projectFlock.approval?.step_number >= 3
-                        ? 'error'
+                      ? 'primary'
+                      : projectFlock.approval?.step_number == 3
+                        ? 'success'
                         : undefined
                 }
                 className={{
@@ -173,9 +173,9 @@ const ProjectFlockDetail = ({
                     projectFlock.approval?.step_number == 1
                       ? 'neutral'
                       : projectFlock.approval?.step_number == 2
-                        ? 'success'
-                        : projectFlock.approval?.step_number >= 3
-                          ? 'error'
+                        ? 'primary'
+                        : projectFlock.approval?.step_number == 3
+                          ? 'success'
                           : undefined
                   }
                 />{' '}
@@ -273,7 +273,7 @@ const ProjectFlockDetail = ({
             <div className='flex flex-row gap-2'>
               <Badge
                 variant='soft'
-                color={'success'}
+                color={'primary'}
                 className={{
                   badge: 'rounded-lg px-2',
                 }}
@@ -282,7 +282,7 @@ const ProjectFlockDetail = ({
                   icon='mdi:circle'
                   width={12}
                   height={12}
-                  color={'success'}
+                  color={'primary'}
                 />{' '}
                 Kandang Aktif ({projectFlock.kandangs?.length})
               </Badge>