add filter

src/views/home/missions/Filter.tsx

@@ -1,5 +1,9 @@
-import { Filter, FilterItem } from '../../../components/drop-down-list/Filter';
-import { Sorter } from '../../../components/drop-down-list/Sorter';
+import {
+    FilterDropDown,
+    FilterItem,
+} from '../../../components/drop-down-list/Filter';
+import { SorterDropDown } from '../../../components/drop-down-list/Sorter';
+import { SearchInput } from '../../../components/input/SearchInput';
 
 const Filters = () => {
     const items: FilterItem[] = [
@@ -14,10 +18,10 @@ const Filters = () => {
     ];
 
     return (
-        <div className=" h-[50px] mb-[20px] flex gap-[20px]">
-            <div></div>
+        <div className=" h-[50px] mb-[20px] flex gap-[20px] items-center">
+            <SearchInput onChange={() => {}} placeholder="Поиск задачи" />
 
-            <Sorter
+            <SorterDropDown
                 items={[
                     {
                         value: '1',
@@ -35,7 +39,7 @@ const Filters = () => {
                 onChange={(v) => console.log(v)}
             />
 
-            <Filter
+            <FilterDropDown
                 items={items}
                 defaultState={[]}
                 onChange={(values) => console.log(values)}