From 25b65c01b969bd2cf4c09d2cd785374fcc08c4d5 Mon Sep 17 00:00:00 2001
From: Shams mosowi <shams.mosowi@gmail.com>
Date: Fri, 28 May 2021 17:38:03 +1000
Subject: [PATCH] add filtering for numbers

---
 www/src/components/Table/Filters/index.tsx | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/www/src/components/Table/Filters/index.tsx b/www/src/components/Table/Filters/index.tsx
index 3c847267..3ee32e00 100644
--- a/www/src/components/Table/Filters/index.tsx
+++ b/www/src/components/Table/Filters/index.tsx
@@ -66,6 +66,7 @@ const OPERATORS = [
   },
   { value: "<", label: "<", compatibleTypes: [FieldType.number] },
   { value: "<=", label: "<=", compatibleTypes: [FieldType.number] },
+  { value: "==", label: "==", compatibleTypes: [FieldType.number] },
   { value: ">=", label: ">=", compatibleTypes: [FieldType.number] },
   { value: ">", label: ">", compatibleTypes: [FieldType.number] },
   {
@@ -243,6 +244,24 @@ const Filters = () => {
             placeholder="Text value"
           />
         );
+      case FieldType.number:
+        return (
+          <TextField
+            onChange={(e) => {
+              const value = e.target.value;
+              if (query.value || value)
+                setQuery((query) => ({
+                  ...query,
+                  value: value !== "" ? parseFloat(value) : "",
+                }));
+            }}
+            value={typeof query.value === "number" ? query.value : ""}
+            variant="filled"
+            hiddenLabel
+            type="number"
+            placeholder="number value"
+          />
+        );
 
       case FieldType.singleSelect:
         if (operator === "in")
@@ -486,7 +505,8 @@ const Filters = () => {
               disabled={
                 query.value !== true &&
                 query.value !== false &&
-                _isEmpty(query.value)
+                _isEmpty(query.value) &&
+                typeof query.value !== "number"
               }
               color="primary"
               onClick={() => {