From bdb64789baca26c5a9dec0321acda51b4c73c00e Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Sat, 12 Feb 2022 15:40:14 +0330 Subject: [PATCH] search box added --- src/components/ReactTable3/GlobalFilter.js | 36 +++++++++++++--------- 1 file changed, 21 insertions(+), 15 deletions(-) diff --git a/src/components/ReactTable3/GlobalFilter.js b/src/components/ReactTable3/GlobalFilter.js index 6036f76..397329e 100644 --- a/src/components/ReactTable3/GlobalFilter.js +++ b/src/components/ReactTable3/GlobalFilter.js @@ -1,6 +1,8 @@ import React, {useState} from 'react'; import { useAsyncDebounce } from 'react-table'; +import search from "./search-normal.svg"; + export const GlobalFilter = ({ filter, setFilter }) => { const [value, setValue] = useState(filter); @@ -10,20 +12,24 @@ export const GlobalFilter = ({ filter, setFilter }) => { }, 1000) return ( - - - - جستجو: - - { - setValue(e.target.value) - onChange(e.target.value) - }} - /> - - - +
+ + { + setValue(e.target.value) + onChange(e.target.value) + }} + type="text" + placeholder="نام کالا را جستجو کنید..." + className="text-xs rounded-sm pr-4 pl-10 py-2 w-full border border-gray-400 font-light text-lightGrayTextColor placeholder-gray-400 focus:outline-none" + /> +
); }; + +