From 1481947828bd3733db039f18dcd18b99f57ac222 Mon Sep 17 00:00:00 2001
From: ameen4455 <43875940+ameen4455@users.noreply.github.com>
Date: Fri, 30 Sep 2022 04:05:30 +0300
Subject: [PATCH] Fix search (#23)

---
 src/page/Dashboard/Filters.js   | 7 +++++--
 src/page/Dashboard/Searchbar.js | 2 +-
 src/page/Dashboard/index.js     | 3 +--
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/page/Dashboard/Filters.js b/src/page/Dashboard/Filters.js
index b631eb19..e6ca91f5 100644
--- a/src/page/Dashboard/Filters.js
+++ b/src/page/Dashboard/Filters.js
@@ -19,6 +19,7 @@ export default function Filters({
   addMeta,
   addFilter,
   removeFilter,
+  setSearchQuery,
 }) {
   const [columnValue, setColumnValue] = useState();
   const [operator, setOperator] = useState({ name: "Contains" });
@@ -56,9 +57,11 @@ export default function Filters({
 
   return (
     <Popover className="relative ml-3 flex-1">
-      <label className="text-label" htmlFor="">Search & Filter</label>
+      <label className="text-label" htmlFor="">
+        Search & Filter
+      </label>
       <div className="flex mt-1">
-        <Searchbar />
+        <Searchbar setSearchQuery={setSearchQuery}/>
         <Popover.Button className={"input rounded-l-none w-min text-left flex"}>
           <span className={"block mr-1"}>Filter</span>
           {filter.length ? <Pill text={`${filter.length}`} /> : null}
diff --git a/src/page/Dashboard/Searchbar.js b/src/page/Dashboard/Searchbar.js
index 2cb9d3eb..6901af98 100644
--- a/src/page/Dashboard/Searchbar.js
+++ b/src/page/Dashboard/Searchbar.js
@@ -1,7 +1,7 @@
 import React from "react";
 import { SearchIcon } from "@heroicons/react/solid";
 
-function Searchbar(setSearchQuery) {
+function Searchbar({ setSearchQuery }) {
   return (
     <div className="relative cursor-default">
       <div className="flex flex-col">
diff --git a/src/page/Dashboard/index.js b/src/page/Dashboard/index.js
index e8bbee1e..6ca58781 100644
--- a/src/page/Dashboard/index.js
+++ b/src/page/Dashboard/index.js
@@ -11,7 +11,6 @@ import DateSearchField from "./DateSearchField";
 import Field from "./FieldBox";
 import Filters from "./Filters";
 import Layout from "../../components/Layout";
-import RefreshInterval from "./RefreshInterval";
 import SearchableDropdown from "../../components/SearchableDropdown";
 import SideDialog from "../../components/SideDialog";
 import Table from "./Table";
@@ -249,7 +248,6 @@ const Dashboard = () => {
             endTime={endTime}
             setRange={setRange}
             getRange={getRange}
-            setSearchQuery={setSearchQuery}
             logQueries={logQueries}
             interval={interval}
             setInterval={setInterval}
@@ -267,6 +265,7 @@ const Dashboard = () => {
             addMeta={addMeta}
             addFilter={addFilter}
             removeFilter={removeFilter}
+            setSearchQuery={setSearchQuery}
           />
         </div>
         <div className="overflow-x-auto min-w-0">