mirror of
https://github.com/jeffvli/feishin.git
synced 2026-05-10 04:30:25 +02:00
remove server selector from collapsed sidebar
This commit is contained in:
@@ -6,12 +6,8 @@ import { Link, NavLink, useNavigate } from 'react-router';
|
|||||||
|
|
||||||
import styles from './collapsed-sidebar.module.css';
|
import styles from './collapsed-sidebar.module.css';
|
||||||
|
|
||||||
import JellyfinLogo from '/@/renderer/features/servers/assets/jellyfin.png';
|
|
||||||
import NavidromeLogo from '/@/renderer/features/servers/assets/navidrome.png';
|
|
||||||
import OpenSubsonicLogo from '/@/renderer/features/servers/assets/opensubsonic.png';
|
|
||||||
import { CollapsedSidebarButton } from '/@/renderer/features/sidebar/components/collapsed-sidebar-button';
|
import { CollapsedSidebarButton } from '/@/renderer/features/sidebar/components/collapsed-sidebar-button';
|
||||||
import { CollapsedSidebarItem } from '/@/renderer/features/sidebar/components/collapsed-sidebar-item';
|
import { CollapsedSidebarItem } from '/@/renderer/features/sidebar/components/collapsed-sidebar-item';
|
||||||
import { ServerSelectorItems } from '/@/renderer/features/sidebar/components/server-selector-items';
|
|
||||||
import { getCollectionTo } from '/@/renderer/features/sidebar/components/sidebar-collection-list';
|
import { getCollectionTo } from '/@/renderer/features/sidebar/components/sidebar-collection-list';
|
||||||
import { SidebarIcon } from '/@/renderer/features/sidebar/components/sidebar-icon';
|
import { SidebarIcon } from '/@/renderer/features/sidebar/components/sidebar-icon';
|
||||||
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
|
import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
|
||||||
@@ -19,7 +15,6 @@ import { AppRoute } from '/@/renderer/router/routes';
|
|||||||
import {
|
import {
|
||||||
SidebarItemType,
|
SidebarItemType,
|
||||||
useCollections,
|
useCollections,
|
||||||
useCurrentServer,
|
|
||||||
useSidebarCollapsedNavigation,
|
useSidebarCollapsedNavigation,
|
||||||
useSidebarItems,
|
useSidebarItems,
|
||||||
useWindowSettings,
|
useWindowSettings,
|
||||||
@@ -30,7 +25,7 @@ import { Group } from '/@/shared/components/group/group';
|
|||||||
import { Icon } from '/@/shared/components/icon/icon';
|
import { Icon } from '/@/shared/components/icon/icon';
|
||||||
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
|
import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
|
||||||
import { Stack } from '/@/shared/components/stack/stack';
|
import { Stack } from '/@/shared/components/stack/stack';
|
||||||
import { LibraryItem, ServerType } from '/@/shared/types/domain-types';
|
import { LibraryItem } from '/@/shared/types/domain-types';
|
||||||
import { Platform } from '/@/shared/types/types';
|
import { Platform } from '/@/shared/types/types';
|
||||||
|
|
||||||
export const CollapsedSidebar = () => {
|
export const CollapsedSidebar = () => {
|
||||||
@@ -40,8 +35,6 @@ export const CollapsedSidebar = () => {
|
|||||||
const { windowBarStyle } = useWindowSettings();
|
const { windowBarStyle } = useWindowSettings();
|
||||||
const sidebarCollapsedNavigation = useSidebarCollapsedNavigation();
|
const sidebarCollapsedNavigation = useSidebarCollapsedNavigation();
|
||||||
const sidebarItems = useSidebarItems();
|
const sidebarItems = useSidebarItems();
|
||||||
const currentServer = useCurrentServer();
|
|
||||||
|
|
||||||
const translatedSidebarItemMap = useMemo(
|
const translatedSidebarItemMap = useMemo(
|
||||||
() => ({
|
() => ({
|
||||||
Albums: t('page.sidebar.albums', { postProcess: 'titleCase' }),
|
Albums: t('page.sidebar.albums', { postProcess: 'titleCase' }),
|
||||||
@@ -174,38 +167,6 @@ export const CollapsedSidebar = () => {
|
|||||||
/>
|
/>
|
||||||
),
|
),
|
||||||
)}
|
)}
|
||||||
{currentServer && (
|
|
||||||
<DropdownMenu offset={0} position="right-end" width={240}>
|
|
||||||
<DropdownMenu.Target>
|
|
||||||
<CollapsedSidebarItem
|
|
||||||
activeIcon={null}
|
|
||||||
component={Flex}
|
|
||||||
icon={
|
|
||||||
<img
|
|
||||||
className={styles.serverIcon}
|
|
||||||
src={
|
|
||||||
currentServer.type === ServerType.NAVIDROME
|
|
||||||
? NavidromeLogo
|
|
||||||
: currentServer.type === ServerType.JELLYFIN
|
|
||||||
? JellyfinLogo
|
|
||||||
: OpenSubsonicLogo
|
|
||||||
}
|
|
||||||
/>
|
|
||||||
}
|
|
||||||
label={''}
|
|
||||||
py="md"
|
|
||||||
style={{
|
|
||||||
cursor: 'pointer',
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</DropdownMenu.Target>
|
|
||||||
<DropdownMenu.Dropdown>
|
|
||||||
<ScrollArea style={{ maxHeight: '95vh' }}>
|
|
||||||
<ServerSelectorItems />
|
|
||||||
</ScrollArea>
|
|
||||||
</DropdownMenu.Dropdown>
|
|
||||||
</DropdownMenu>
|
|
||||||
)}
|
|
||||||
</ScrollArea>
|
</ScrollArea>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user