24 lines
719 B
TypeScript
24 lines
719 B
TypeScript
 
|
import React from 'react';
|
||
|
|
import { Icon, Icons } from 'folds';
|
||
|
|
import { useAtom } from 'jotai';
|
||
|
|
import { SidebarAvatar, SidebarItem, SidebarItemTooltip } from '../../../components/sidebar';
|
||
|
|
import { searchModalAtom } from '../../../state/searchModal';
|
||
|
|
|
||
|
|
export function SearchTab() {
|
||
|
|
const [opened, setOpen] = useAtom(searchModalAtom);
|
||
|
|
|
||
|
|
const open = () => setOpen(true);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<SidebarItem active={opened}>
|
||
|
|
<SidebarItemTooltip tooltip="Search">
|
||
|
|
{(triggerRef) => (
|
||
|
|
<SidebarAvatar as="button" ref={triggerRef} outlined onClick={open}>
|
||
|
|
<Icon src={Icons.Search} filled={opened} />
|
||
|
|
</SidebarAvatar>
|
||
|
|
)}
|
||
|
|
</SidebarItemTooltip>
|
||
|
|
</SidebarItem>
|
||
|
|
);
|
||
|
|
}
|