add feed out to manual input form

components/dashboard/DashboardManualInputForm.tsx

@@ -19,6 +19,7 @@ type FormState = {
   mortality_manual: number;
   feed_in_manual: number;
   feed_use_manual: number;
+  feed_out_manual: number;
   harvest_manual: number;
   harvest_weight_manual: number;
   manual_weight: number;
@@ -30,6 +31,7 @@ const emptyForm = (currentDay: number): FormState => ({
   mortality_manual: 0,
   feed_in_manual: 0,
   feed_use_manual: 0,
+  feed_out_manual: 0,
   harvest_manual: 0,
   harvest_weight_manual: 0,
   manual_weight: 0,
@@ -42,6 +44,7 @@ function toForm(row: ManualInput): FormState {
     mortality_manual: row.mortality_manual,
     feed_in_manual: row.feed_in_manual,
     feed_use_manual: row.feed_use_manual,
+    feed_out_manual: row.feed_out_manual,
     harvest_manual: row.harvest_manual,
     // Database dalam gram, form selalu dalam kg.
     harvest_weight_manual: row.harvest_weight_manual / 1000,
@@ -121,6 +124,7 @@ const DashboardManualInputForm: React.FC<Props> = ({ cycleId, currentDay, readOn
                 mortality_manual: form.mortality_manual,
                 feed_in_manual: form.feed_in_manual,
                 feed_use_manual: form.feed_use_manual,
+                feed_out_manual: form.feed_out_manual,
                 harvest_manual: form.harvest_manual,
                 // Form dalam kg, disimpan ke database dalam gram.
                 harvest_weight_manual: form.harvest_weight_manual * 1000,
@@ -201,6 +205,16 @@ const DashboardManualInputForm: React.FC<Props> = ({ cycleId, currentDay, readOn
               onChange={(e) => setForm((f) => ({ ...f, feed_use_manual: Number(e.target.value) }))}
             />
           </label>
+          <label className="block text-sm">
+            Karung keluar
+            <input
+              type="number"
+              className={`${inputClass} mt-1`}
+              value={form.feed_out_manual}
+              disabled={readOnly}
+              onChange={(e) => setForm((f) => ({ ...f, feed_out_manual: Number(e.target.value) }))}
+            />
+          </label>
           <label className="block text-sm">
             Panen (ekor)
             <input
@@ -240,7 +254,8 @@ const DashboardManualInputForm: React.FC<Props> = ({ cycleId, currentDay, readOn
           <p className="text-xs text-gray-500">
             Total mortalitas {formatNumber(saved.mortality_manual_total, 0)} · karung masuk{' '}
             {formatNumber(saved.feed_in_manual_total, 0)} · karung tuang{' '}
-            {formatNumber(saved.feed_use_manual_total, 0)} · panen{' '}
+            {formatNumber(saved.feed_use_manual_total, 0)} · karung keluar{' '}
+            {formatNumber(saved.feed_out_manual_total, 0)} · panen{' '}
             {formatNumber(saved.harvest_manual_total, 0)} · berat panen{' '}
             {formatNumber(saved.harvest_weight_manual_total / 1000, 2)} kg
           </p>