61967e6b2c
* add new search modal * remove search modal from searchTab * fix member avatar load for space with 2 member * use media authentication when rendering avatar * fix hotkey for macos * add @ in username * replace subspace minus separator with em dash
23 lines
719 B
TypeScript
23 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>
|
|
);
|
|
}
|