From d4c6a05c0cbbcd1cbbdda639e7be80820e896211 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 18 Feb 2026 13:21:29 +0700
Subject: [PATCH] refactor(FE): Update button behavior based on kandang status

---
 .../detail/ProjectFlockDetail.tsx             | 46 +++++++++++--------
 1 file changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
index c2b8e903..1ad3f983 100644
--- a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
+++ b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
@@ -398,24 +398,26 @@ const ProjectFlockDetail = ({
           </div>
 
           <div className='grid grid-cols-4 gap-3'>
-            <RequirePermission permissions='lti.production.chickins.detail'>
-              <Link
-                href={`/production/project-flock/chickin/add/kandang?projectFlockKandangId=${selectedKandang?.project_flock_kandang_id}&projectFlockId=${projectFlock.id}`}
-                className='m-0 p-0'
-              >
-                <Button
-                  className='w-full px-2 py-1 text-sm'
-                  variant='outline'
-                  color='success'
-                  disabled={
-                    !selectedKandangId ||
-                    projectFlock?.approval?.step_number == 1
-                  }
+            {selectedKandang?.status !== 'NON_ACTIVE' && (
+              <RequirePermission permissions='lti.production.chickins.detail'>
+                <Link
+                  href={`/production/project-flock/chickin/add/kandang?projectFlockKandangId=${selectedKandang?.project_flock_kandang_id}&projectFlockId=${projectFlock.id}`}
+                  className='m-0 p-0'
                 >
-                  Chickin <Icon icon='mdi:checkbox-marked-outline' />
-                </Button>
-              </Link>
-            </RequirePermission>
+                  <Button
+                    className='w-full px-2 py-1 text-sm'
+                    variant='outline'
+                    color='success'
+                    disabled={
+                      !selectedKandangId ||
+                      projectFlock?.approval?.step_number == 1
+                    }
+                  >
+                    Chickin <Icon icon='mdi:checkbox-marked-outline' />
+                  </Button>
+                </Link>
+              </RequirePermission>
+            )}
             <RequirePermission permissions='lti.production.project_flock_kandangs.closing.detail'>
               <Link
                 href={`/production/project-flock/closing?projectFlockId=${projectFlock.id}&projectFlockKandangId=${selectedKandang?.project_flock_kandang_id}`}
@@ -430,7 +432,15 @@ const ProjectFlockDetail = ({
                     projectFlock?.approval?.step_number == 1
                   }
                 >
-                  Close <Icon icon='mdi:checkbox-marked-circle-outline' />
+                  {selectedKandang?.status === 'NON_ACTIVE' ? (
+                    <>
+                      Unclose <Icon icon='mdi:lock-open-variant' />
+                    </>
+                  ) : (
+                    <>
+                      Close <Icon icon='mdi:checkbox-marked-circle-outline' />
+                    </>
+                  )}
                 </Button>
               </Link>
             </RequirePermission>