remove server selector from collapsed sidebar

This commit is contained in:
jeffvli
2026-05-07 20:52:38 -07:00
parent e3a0879301
commit 9fb241dca2
@@ -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>
); );