From b5ee6b87f0542d23d07d3adb659cd7c8f6797805 Mon Sep 17 00:00:00 2001
From: Alberto-Audrix <alberto.suiwidjaya6@gmail.com>
Date: Mon, 5 Oct 2026 15:03:34 +0700
Subject: [PATCH] adjust hitung karung page to match dashboard-cpsp

---
 components/FeedSackCountingPage.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/FeedSackCountingPage.tsx b/components/FeedSackCountingPage.tsx
index 5eb468c..c02d32b 100644
--- a/components/FeedSackCountingPage.tsx
+++ b/components/FeedSackCountingPage.tsx
@@ -62,7 +62,7 @@ const FeedSackCountingPage: React.FC<{ onSettings: () => void }> = ({ onSettings
   const currentDay = useMemo(() => {
     if (!selectedCycle) return 0;
     const rawDay = cycleDayForDate(selectedCycle.start_date, displayDate);
-    return Math.min(rawDay, Math.max(0, selectedCycle.total_days - 1));
+    return Math.min(rawDay, Math.max(0, (selectedCycle.total_days || 1) - 1));
   }, [selectedCycle, displayDate]);
 
   const sortedCycles = useMemo(() => {
@@ -101,8 +101,8 @@ const FeedSackCountingPage: React.FC<{ onSettings: () => void }> = ({ onSettings
         masuk: r.in_today,
         dituang: r.feed_use_today,
         keluar: r.out_today,
-        masukManual: manual?.feed_in_manual ?? 0,
-        dituangManual: manual?.feed_use_manual ?? 0,
+        masukManual: manual?.feed_in_manual ?? null,
+        dituangManual: manual?.feed_use_manual ?? null,
       };
     });
     return buildFeedSackInsightContext({
@@ -161,6 +161,11 @@ const FeedSackCountingPage: React.FC<{ onSettings: () => void }> = ({ onSettings
                     Aktif
                   </span>
                 )}
+                {cycleStatus === 'pending_close' && (
+                  <span className="px-2 py-0.5 bg-amber-100 text-amber-700 text-xs font-medium rounded">
+                    Menunggu GM
+                  </span>
+                )}
                 {cycleStatus === 'closed' && (
                   <span className="px-2 py-0.5 bg-gray-100 text-gray-600 text-xs font-medium rounded">
                     Selesai
@@ -201,6 +206,11 @@ const FeedSackCountingPage: React.FC<{ onSettings: () => void }> = ({ onSettings
                         Aktif
                       </span>
                     )}
+                    {itemStatus === 'pending_close' && (
+                      <span className="px-2 py-0.5 bg-amber-100 text-amber-700 text-xs font-medium rounded">
+                        Menunggu GM
+                      </span>
+                    )}
                     {itemStatus === 'closed' && (
                       <span className="px-2 py-0.5 bg-gray-100 text-gray-600 text-xs font-medium rounded">
                         Selesai