From 98754c5a583e8e9e0ab22cd635dcd78c9aad6858 Mon Sep 17 00:00:00 2001
From: Pavel Strunkin <pashidlos@gmail.com>
Date: Tue, 16 Jun 2020 22:26:46 +0200
Subject: [PATCH] Filter. Reset button added

---
 src/components/Filters.tsx | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/src/components/Filters.tsx b/src/components/Filters.tsx
index 6f7557da..74ffde83 100644
--- a/src/components/Filters.tsx
+++ b/src/components/Filters.tsx
@@ -2,13 +2,12 @@ import React from "react";
 import {
   Grid,
   TextField,
-  IconButton,
   Select,
   MenuItem,
   FormControl,
   InputLabel,
+  Button,
 } from "@material-ui/core";
-import { Clear } from "@material-ui/icons";
 import { TestRun, TestVariation } from "../types";
 
 interface IProps {
@@ -70,13 +69,6 @@ const Filters: React.FunctionComponent<IProps> = ({
             label="Name"
             value={query}
             onChange={(event) => setQuery(event?.target.value)}
-            InputProps={{
-              endAdornment: (
-                <IconButton onClick={() => setQuery("")}>
-                  <Clear />
-                </IconButton>
-              ),
-            }}
           />
         </Grid>
         {osList.length > 0 && (
@@ -201,6 +193,22 @@ const Filters: React.FunctionComponent<IProps> = ({
             </FormControl>
           </Grid>
         )}
+        <Grid item>
+          <Button
+            variant="contained"
+            color="primary"
+            onClick={() => {
+              setQuery("");
+              setOs("");
+              setDevice("");
+              setBrowser("");
+              setViewport("");
+              setTestStatus("");
+            }}
+          >
+            Reset
+          </Button>
+        </Grid>
       </Grid>
     </React.Fragment>
   );