antebudimir/feishin
1
0
Fork 0
mirror of https://github.com/antebudimir/feishin.git synced 2026-01-01 18:33:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Add handlers to open command palette

Browse source
This commit is contained in:
jeffvli 2023-05-18 02:15:03 -07:00 • committed by Jeff
parent 822060b82c
commit c85a7079eb
3 changed files with 33 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/renderer/features/sidebar/components/collapsed-sidebar.tsx
View file

@ -16,6 +16,8 @@ import {
RiFlag2Fill,
RiFolder3Fill,
RiPlayListFill,
RiSearchLine,
RiSearchFill,
} from 'react-icons/ri';
import { useLocation } from 'react-router';
import { Link } from 'react-router-dom';
@ -24,7 +26,7 @@ import { DropdownMenu, ScrollArea } from '/@/renderer/components';
import { CollapsedSidebarItem } from '/@/renderer/features/sidebar/components/collapsed-sidebar-item';
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
import { AppRoute } from '/@/renderer/router/routes';
import { useWindowSettings } from '/@/renderer/store';
import { useCommandPalette, useWindowSettings } from '/@/renderer/store';
import { Platform } from '/@/renderer/types';
const SidebarContainer = styled(motion.div)<{ windowBarStyle: Platform }>`
@ -41,6 +43,7 @@ const SidebarContainer = styled(motion.div)<{ windowBarStyle: Platform }>`
export const CollapsedSidebar = () => {
const location = useLocation();
const { windowBarStyle } = useWindowSettings();
const { open } = useCommandPalette();
return (
<SidebarContainer windowBarStyle={windowBarStyle}>
@ -61,6 +64,12 @@ export const CollapsedSidebar = () => {
<AppMenu />
</DropdownMenu.Dropdown>
</DropdownMenu>
<CollapsedSidebarItem
activeIcon={<RiSearchFill size="25" />}
icon={<RiSearchLine size="25" />}
label="Search"
onClick={open}
/>
<CollapsedSidebarItem
active={location.pathname === AppRoute.HOME}
activeIcon={<RiHome6Fill size="25" />}