From effcca27ac9ee07a1c6d16139b6987073a4c0d39 Mon Sep 17 00:00:00 2001
From: dominik-zeglen <flesz3@o2.pl>
Date: Thu, 2 Jan 2020 17:55:24 +0100
Subject: [PATCH] Add text field support

---
 src/components/Filter/FilterContent.tsx | 23 +++++++++++++++++++++++
 src/utils/filters/fields.ts             | 15 +++++++++++++++
 2 files changed, 38 insertions(+)

diff --git a/src/components/Filter/FilterContent.tsx b/src/components/Filter/FilterContent.tsx
index 4e3f72886..f9cf27caa 100644
--- a/src/components/Filter/FilterContent.tsx
+++ b/src/components/Filter/FilterContent.tsx
@@ -148,6 +148,29 @@ const FilterContent: React.FC<FilterContentProps> = ({
               </div>
               {filterField.active && (
                 <div className={classes.filterSettings}>
+                  {filterField.type === FieldType.text && (
+                    <TextField
+                      fullWidth
+                      name={filterField.name}
+                      InputProps={{
+                        classes: {
+                          input: classes.input
+                        }
+                      }}
+                      value={filterField.value[0]}
+                      onChange={event =>
+                        onFilterPropertyChange({
+                          payload: {
+                            name: filterField.name,
+                            update: {
+                              value: [event.target.value, filterField.value[1]]
+                            }
+                          },
+                          type: "set-property"
+                        })
+                      }
+                    />
+                  )}
                   {[FieldType.date, FieldType.price, FieldType.number].includes(
                     filterField.type
                   ) && (
diff --git a/src/utils/filters/fields.ts b/src/utils/filters/fields.ts
index 3d5d4cd91..fb86a4a2f 100644
--- a/src/utils/filters/fields.ts
+++ b/src/utils/filters/fields.ts
@@ -64,3 +64,18 @@ export function createOptionsField<T extends string>(
     value: defaultValue
   };
 }
+
+export function createTextField<T extends string>(
+  name: T,
+  label: string,
+  defaultValue: string
+): IFilterElement<T> {
+  return {
+    active: false,
+    label,
+    multiple: false,
+    name,
+    type: FieldType.text,
+    value: [defaultValue]
+  };
+}