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

Separate sidebar icons to new component

Browse source 
- Fixes react render issue
This commit is contained in:
jeffvli 2023-10-17 05:46:42 -07:00
parent 3675146f1f
commit cbeb4ab7d8
3 changed files with 109 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/renderer/features/sidebar/components/sidebar-icon.tsx Normal file
View file

@ -0,0 +1,68 @@
import {
RiAlbumFill,
RiAlbumLine,
RiFlag2Fill,
RiFlag2Line,
RiFolder3Fill,
RiFolder3Line,
RiHome6Fill,
RiHome6Line,
RiMusic2Fill,
RiMusic2Line,
RiPlayFill,
RiPlayLine,
RiPlayListFill,
RiPlayListLine,
RiSearchFill,
RiSearchLine,
RiSettings2Fill,
RiSettings2Line,
RiUserVoiceFill,
RiUserVoiceLine,
} from 'react-icons/ri';
import { AppRoute } from '/@/renderer/router/routes';
import { generatePath } from 'react-router';
import { LibraryItem } from '/@/renderer/api/types';
interface SidebarIconProps {
active?: boolean;
route: string;
size?: string;
}
export const SidebarIcon = ({ active, route, size }: SidebarIconProps) => {
switch (route) {
case AppRoute.HOME:
if (active) return <RiHome6Fill size={size} />;
return <RiHome6Line size={size} />;
case AppRoute.LIBRARY_ALBUMS:
if (active) return <RiAlbumFill size={size} />;
return <RiAlbumLine size={size} />;
case AppRoute.LIBRARY_ARTISTS:
if (active) return <RiUserVoiceFill size={size} />;
return <RiUserVoiceLine size={size} />;
case AppRoute.PLAYLISTS:
if (active) return <RiPlayListFill size={size} />;
return <RiPlayListLine size={size} />;
case AppRoute.LIBRARY_SONGS:
if (active) return <RiMusic2Fill size={size} />;
return <RiMusic2Line size={size} />;
case AppRoute.LIBRARY_FOLDERS:
if (active) return <RiFolder3Fill size={size} />;
return <RiFolder3Line size={size} />;
case AppRoute.LIBRARY_GENRES:
if (active) return <RiFlag2Fill size={size} />;
return <RiFlag2Line size={size} />;
case generatePath(AppRoute.SEARCH, { itemType: LibraryItem.SONG }):
if (active) return <RiSearchFill size={size} />;
return <RiSearchLine size={size} />;
case AppRoute.SETTINGS:
if (active) return <RiSettings2Fill size={size} />;
return <RiSettings2Line size={size} />;
case AppRoute.NOW_PLAYING:
if (active) return <RiPlayFill size={size} />;
return <RiPlayLine size={size} />;
default:
return <RiHome6Line size={size} />;
}
};