Fix search (#23)

parseablehq · Sep 30, 2022 · 1481947 · 1481947
1 parent 200735e
commit 1481947
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git 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
@@ -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
@@ -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">