update sync data from site dashboard and testing closing cycles

components/counting/DataManagementPage.tsx

@@ -51,9 +51,7 @@ const DataManagementPage: React.FC<{ onSettings: () => void }> = ({ onSettings }
   const [manualRows, setManualRows] = useState<ManualInput[]>([]);
   const [insights, setInsights] = useState<AIInsight[]>([]);
   const [loading, setLoading] = useState(false);
-  const [syncing, setSyncing] = useState(false);
   const [error, setError] = useState<string | null>(null);
-  const [notice, setNotice] = useState<string | null>(null);
   const [searchDay, setSearchDay] = useState<string>('');
   const [sortOrder, setSortOrder] = useState<'asc' | 'desc'>('asc');
 
@@ -91,22 +89,6 @@ const DataManagementPage: React.FC<{ onSettings: () => void }> = ({ onSettings }
     void loadData(selectedCycle.id);
   }, [selectedCycle, loadData]);
 
-  const handleSync = useCallback(async () => {
-    if (!selectedCycle) return;
-    setSyncing(true);
-    setError(null);
-    setNotice(null);
-    try {
-      await api.countings.sync({ cycle_id: selectedCycle.id });
-      setNotice('Sinkron chicken counting edge berhasil.');
-      await loadData(selectedCycle.id);
-    } catch (err) {
-      setError(errorMessage(err));
-    } finally {
-      setSyncing(false);
-    }
-  }, [selectedCycle, loadData]);
-
   // Build daily rows through calendar today (not publish-gated current_day).
   const rows = useMemo<Row[]>(() => {
     if (!selectedCycle) return [];
@@ -281,26 +263,6 @@ const DataManagementPage: React.FC<{ onSettings: () => void }> = ({ onSettings }
         title="Hitung Ayam"
         icon={<i className="fa-solid fa-calculator" />}
         subtitle={`Lihat data deplesi harian untuk siklus produksi · ${selectedSite?.site_name ?? ''} · ${selectedKandang?.kandang_name ?? ''} · Siklus ${formatDateRange(selectedCycle.start_date, selectedCycle.end_date)}`}
-        actions={
-          <button
-            type="button"
-            onClick={handleSync}
-            disabled={syncing || isClosedCycle}
-            className="bg-red-600 text-white px-4 py-2 rounded-lg text-sm font-semibold disabled:opacity-60 hover:bg-red-700 transition-colors"
-          >
-            {syncing ? (
-              <>
-                <i className="fa-solid fa-spinner fa-spin mr-2"></i>
-                Sync...
-              </>
-            ) : (
-              <>
-                <i className="fa-solid fa-arrows-rotate mr-2"></i>
-                Sync
-              </>
-            )}
-          </button>
-        }
       />
 
       {countingAccuracyWarning && (
@@ -351,11 +313,6 @@ const DataManagementPage: React.FC<{ onSettings: () => void }> = ({ onSettings }
           <Banner kind="error">{error}</Banner>
         </div>
       )}
-      {notice && (
-        <div className="mb-4">
-          <Banner kind="success">{notice}</Banner>
-        </div>
-      )}
 
       {/* Statistics Cards */}
       <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 mb-6">