Hide disposal for non-primary products

relog-web/src/ProductBlock.js

@@ -111,34 +111,38 @@ const ProductBlock = (props) => {
             onTemplate={onInitialAmountsTemplate}
           />
 
-          <h1>Disposal</h1>
+          <h1 style={{ display: nCenters == 0 ? "none" : "block" }}>
-          <TextInputRow
+            Disposal
-            label="Disposal cost"
+          </h1>
-            unit="$/tonne"
+          <div style={{ display: nCenters == 0 ? "none" : "block" }}>
-            tooltip="The cost to dispose of one tonne of this product at a collection center, without further processing."
+            <TextInputRow
-            value={props.value["disposal cost ($/tonne)"]}
+              label="Disposal cost"
-            onChange={(v) => onChange("disposal cost ($/tonne)", v)}
+              unit="$/tonne"
-            validate="floatList"
+              tooltip="The cost to dispose of one tonne of this product at a collection center, without further processing."
-          />
+              value={props.value["disposal cost ($/tonne)"]}
-          <TextInputRow
+              onChange={(v) => onChange("disposal cost ($/tonne)", v)}
-            label="Disposal limit"
+              validate="floatList"
-            unit="tonne"
+            />
-            tooltip="The maximum amount (in tonnes) of this product that can be disposed of across all collection centers, without further processing."
+            <TextInputRow
-            value={props.value["disposal limit (tonne)"]}
+              label="Disposal limit"
-            onChange={(v) => onChange("disposal limit (tonne)", v)}
+              unit="tonne"
-            validate="floatList"
+              tooltip="The maximum amount (in tonnes) of this product that can be disposed of across all collection centers, without further processing."
-            disabled={String(props.value["disposal limit (%)"]).length > 0}
+              value={props.value["disposal limit (tonne)"]}
-          />
+              onChange={(v) => onChange("disposal limit (tonne)", v)}
+              validate="floatList"
+              disabled={String(props.value["disposal limit (%)"]).length > 0}
+            />
 
-          <TextInputRow
+            <TextInputRow
-            label="Disposal limit"
+              label="Disposal limit"
-            unit="%"
+              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."
+              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 (%)"]}
+              value={props.value["disposal limit (%)"]}
-            onChange={(v) => onChange("disposal limit (%)", v)}
+              onChange={(v) => onChange("disposal limit (%)", v)}
-            validate="floatList"
+              validate="floatList"
-            disabled={props.value["disposal limit (tonne)"].length > 0}
+              disabled={props.value["disposal limit (tonne)"].length > 0}
-          />
+            />
+          </div>
 
           <h1>Transportation</h1>
           <TextInputRow