muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-28 14:16:41 +07:00
Code Packages Activity Actions

added lab search

Browse source
This commit is contained in:
Fedor Katurov 2022-03-29 17:40:48 +07:00
parent 16d12f92da
commit ddf2b6eda3
16 changed files with 149 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/lab/LabHead/index.tsx
View file

@ -1,6 +1,9 @@
import React, { FC } from 'react';
import { Filler } from '~/components/containers/Filler';
import { Group } from '~/components/containers/Group';
import { InputText } from '~/components/input/InputText';
import { SearchInput } from '~/components/input/SearchInput';
import { HorizontalMenu } from '~/components/menu/HorizontalMenu';
import { LabNodesSort } from '~/types/lab';
import { useLabContext } from '~/utils/context/LabContextProvider';
@ -12,10 +15,10 @@ interface IProps {
}
const LabHead: FC<IProps> = ({ isLoading }) => {
const { sort, setSort } = useLabContext();
const { sort, setSort, search, setSearch } = useLabContext();
return (
<Group className={styles.wrap} horizontal>
<div className={styles.wrap}>
<HorizontalMenu>
<HorizontalMenu.Item
color="green"
@ -47,7 +50,13 @@ const LabHead: FC<IProps> = ({ isLoading }) => {
Важные
</HorizontalMenu.Item>
</HorizontalMenu>
</Group>
<Filler />
<div className={styles.search}>
<SearchInput value={search} handler={setSearch} placeholder="Поиск" />
</div>
</div>
);
};