Merge pull request #148 from shivam-51/issue-96

fix: issue #96

Author: LieutenantRoger

src/containers/Filter/ChallengeFilter/index.jsx

@@ -60,6 +60,19 @@ const ChallengeFilter = ({
   const [totalPrizesFromError, setTotalPrizesFromError] = useState(null);
   const [totalPrizesToError, setTotalPrizesToError] = useState(null);
 
+  const [valTotalPrizesFrom, setValTotalPrizesFrom] = useState(totalPrizesFrom);
+  const [valTotalPrizesTo, setValTotalPrizesTo] = useState(totalPrizesTo);
+
+  useEffect(() => {
+    ref.current.totalPrizesFrom = totalPrizesFrom;
+    setValTotalPrizesFrom(totalPrizesFrom);
+  }, [totalPrizesFrom]);
+
+  useEffect(() => {
+    ref.current.totalPrizesTo = totalPrizesTo;
+    setValTotalPrizesTo(totalPrizesTo);
+  }, [totalPrizesTo]);
+
   const onInputTotalPrizesFrom = useRef(_.debounce((f) => f(), 500));
   const onInputTotalPrizesTo = useRef(_.debounce((f) => f(), 500));
 
@@ -166,6 +179,7 @@ const ChallengeFilter = ({
                 } else {
                   setTotalPrizesFromError(null);
                 }
+                setValTotalPrizesFrom(value.toLocaleString("en-US"));
                 if (totalPrizesToError) {
                   return;
                 }
@@ -199,6 +213,7 @@ const ChallengeFilter = ({
                 } else {
                   setTotalPrizesToError(null);
                 }
+                setValTotalPrizesTo(value.toLocaleString("en-US"));
                 if (totalPrizesFromError) {
                   return;
                 }

src/utils/index.js

@@ -163,11 +163,8 @@ export function parseTotalPrizes(s) {
   let n;
   if (valid) {
     n = +val.replace(/,/g, "");
-    if (/,/.test(val)) {
-      valid = valid && n.toLocaleString("en-US") === val;
-    }
+    return n;
   }
-  if (valid) return n;
 }
 
 export function triggerDownload(fileName, blob) {