Fixes the double input value when switching from between operator to …

…any single value operator
concord-consortium · Jan 26, 2024 · fb764a3 · fb764a3
1 parent 768c385
commit fb764a3
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/components/attribute-filter.tsx b/src/components/attribute-filter.tsx
@@ -289,9 +289,13 @@ const FilterModal = ({attr, position, targetFilterBottom, setShowFilterModal, se
     } else if (operator === "aboveMean" || operator === "belowMean") {
       return null;
     } else if (operator === "top" || operator === "bottom") {
-      return <input ref={filterValueTopBottomInputElRef} key={`${operator}-${units}`} className="filter-value" defaultValue={`${currentFilterValue || "100"}`}></input>;
+      return  <input ref={filterValueTopBottomInputElRef} key={`${operator}-${units}`} className="filter-value"
+                    defaultValue={`${Array.isArray(currentFilterValue) ? currentFilterValue[0] : "100"}`}>
+              </input>;
     } else {
-      return <input ref={filterValueInputElRef} key={`${operator}-${units}`} className="filter-value" defaultValue={`${currentFilterValue} ${currentAttr?.unit[units]}`}></input>;
+      return  <input ref={filterValueInputElRef} key={`${operator}-${units}`} className="filter-value"
+                defaultValue={`${Array.isArray(currentFilterValue) ? currentFilterValue[0] : "100"} ${currentAttr?.unit[units]}`}>
+              </input>;
     }
   };