From 12731104196c0558850b8856335179890979739e Mon Sep 17 00:00:00 2001
From: "Alinson S. Xavier" <git@axavier.org>
Date: Fri, 18 Mar 2022 16:47:28 -0500
Subject: [PATCH] Hide disposal for non-primary products

---
 relog-web/src/ProductBlock.js | 58 +++++++++++++++++++----------------
 1 file changed, 31 insertions(+), 27 deletions(-)

diff --git a/relog-web/src/ProductBlock.js b/relog-web/src/ProductBlock.js
index 926aee2..8fbb239 100644
--- a/relog-web/src/ProductBlock.js
+++ b/relog-web/src/ProductBlock.js
@@ -111,34 +111,38 @@ const ProductBlock = (props) => {
             onTemplate={onInitialAmountsTemplate}
           />
 
-          <h1>Disposal</h1>
-          <TextInputRow
-            label="Disposal cost"
-            unit="$/tonne"
-            tooltip="The cost to dispose of one tonne of this product at a collection center, without further processing."
-            value={props.value["disposal cost ($/tonne)"]}
-            onChange={(v) => onChange("disposal cost ($/tonne)", v)}
-            validate="floatList"
-          />
-          <TextInputRow
-            label="Disposal limit"
-            unit="tonne"
-            tooltip="The maximum amount (in tonnes) of this product that can be disposed of across all collection centers, without further processing."
-            value={props.value["disposal limit (tonne)"]}
-            onChange={(v) => onChange("disposal limit (tonne)", v)}
-            validate="floatList"
-            disabled={String(props.value["disposal limit (%)"]).length > 0}
-          />
+          <h1 style={{ display: nCenters == 0 ? "none" : "block" }}>
+            Disposal
+          </h1>
+          <div style={{ display: nCenters == 0 ? "none" : "block" }}>
+            <TextInputRow
+              label="Disposal cost"
+              unit="$/tonne"
+              tooltip="The cost to dispose of one tonne of this product at a collection center, without further processing."
+              value={props.value["disposal cost ($/tonne)"]}
+              onChange={(v) => onChange("disposal cost ($/tonne)", v)}
+              validate="floatList"
+            />
+            <TextInputRow
+              label="Disposal limit"
+              unit="tonne"
+              tooltip="The maximum amount (in tonnes) of this product that can be disposed of across all collection centers, without further processing."
+              value={props.value["disposal limit (tonne)"]}
+              onChange={(v) => onChange("disposal limit (tonne)", v)}
+              validate="floatList"
+              disabled={String(props.value["disposal limit (%)"]).length > 0}
+            />
 
-          <TextInputRow
-            label="Disposal limit"
-            unit="%"
-            tooltip="The maximum amount of this product that can be disposed of across all collection centers, without further processing, as a percentage of the total amount available."
-            value={props.value["disposal limit (%)"]}
-            onChange={(v) => onChange("disposal limit (%)", v)}
-            validate="floatList"
-            disabled={props.value["disposal limit (tonne)"].length > 0}
-          />
+            <TextInputRow
+              label="Disposal limit"
+              unit="%"
+              tooltip="The maximum amount of this product that can be disposed of across all collection centers, without further processing, as a percentage of the total amount available."
+              value={props.value["disposal limit (%)"]}
+              onChange={(v) => onChange("disposal limit (%)", v)}
+              validate="floatList"
+              disabled={props.value["disposal limit (tonne)"].length > 0}
+            />
+          </div>
 
           <h1>Transportation</h1>
           <TextInputRow