mirror of
https://github.com/spacedriveapp/spacedrive.git
synced 2026-04-30 11:23:07 -04:00
20d9878968
* Disable Labeler * Auto format and lint * Comment out regen labels context menu entry * Comment out some more labels references --------- Co-authored-by: Vítor Vasconcellos <vasconcellos.dev@gmail.com>
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { Clock, Heart, Planet, Tag } from '@phosphor-icons/react';
|
|
import { useLibraryQuery } from '@sd/client';
|
|
import { useLocale } from '~/hooks';
|
|
|
|
import Icon from '../../SidebarLayout/Icon';
|
|
import SidebarLink from '../../SidebarLayout/Link';
|
|
|
|
export const COUNT_STYLE = `absolute right-1 min-w-[20px] top-1 flex h-[19px] px-1 items-center justify-center rounded-full border border-app-button/40 text-[9px]`;
|
|
|
|
export default function LibrarySection() {
|
|
// const labelCount = useLibraryQuery(['labels.count']);
|
|
|
|
const { t } = useLocale();
|
|
|
|
return (
|
|
<div className="space-y-0.5">
|
|
<SidebarLink to="overview">
|
|
<Icon component={Planet} />
|
|
{t('overview')}
|
|
</SidebarLink>
|
|
<SidebarLink to="recents">
|
|
<Icon component={Clock} />
|
|
{t('recents')}
|
|
{/* <div className={COUNT_STYLE}>34</div> */}
|
|
</SidebarLink>
|
|
<SidebarLink to="favorites">
|
|
<Icon component={Heart} />
|
|
{t('favorites')}
|
|
{/* <div className={COUNT_STYLE}>2</div> */}
|
|
</SidebarLink>
|
|
{/* <SidebarLink to="labels">
|
|
<Icon component={Tag} />
|
|
{t('labels')}
|
|
<div className={COUNT_STYLE}>{labelCount.data || 0}</div>
|
|
</SidebarLink> */}
|
|
</div>
|
|
);
|
|
}
|