optimize settings store

src/renderer/features/sidebar/components/collapsed-sidebar.tsx

@@ -17,7 +17,8 @@ import { AppMenu } from '/@/renderer/features/titlebar/components/app-menu';
 import {
     SidebarItemType,
     useCurrentServer,
-    useGeneralSettings,
+    useSidebarCollapsedNavigation,
+    useSidebarItems,
     useWindowSettings,
 } from '/@/renderer/store';
 import { DropdownMenu } from '/@/shared/components/dropdown-menu/dropdown-menu';
@@ -32,7 +33,8 @@ export const CollapsedSidebar = () => {
     const { t } = useTranslation();
     const navigate = useNavigate();
     const { windowBarStyle } = useWindowSettings();
-    const { sidebarCollapsedNavigation, sidebarItems } = useGeneralSettings();
+    const sidebarCollapsedNavigation = useSidebarCollapsedNavigation();
+    const sidebarItems = useSidebarItems();
     const currentServer = useCurrentServer();
 
     const translatedSidebarItemMap = useMemo(

src/renderer/features/sidebar/components/mobile-sidebar.tsx

@@ -11,7 +11,11 @@ import {
     SidebarPlaylistList,
     SidebarSharedPlaylistList,
 } from '/@/renderer/features/sidebar/components/sidebar-playlist-list';
-import { SidebarItemType, useGeneralSettings } from '/@/renderer/store/settings.store';
+import {
+    SidebarItemType,
+    useSidebarItems,
+    useSidebarPlaylistList,
+} from '/@/renderer/store/settings.store';
 import { Accordion } from '/@/shared/components/accordion/accordion';
 import { Group } from '/@/shared/components/group/group';
 import { ScrollArea } from '/@/shared/components/scroll-area/scroll-area';
@@ -19,7 +23,7 @@ import { Text } from '/@/shared/components/text/text';
 
 export const MobileSidebar = () => {
     const { t } = useTranslation();
-    const { sidebarPlaylistList } = useGeneralSettings();
+    const sidebarPlaylistList = useSidebarPlaylistList();
 
     const translatedSidebarItemMap = useMemo(
         () => ({
@@ -38,7 +42,7 @@ export const MobileSidebar = () => {
         [t],
     );
 
-    const { sidebarItems } = useGeneralSettings();
+    const sidebarItems = useSidebarItems();
 
     const sidebarItemsWithRoute: SidebarItemType[] = useMemo(() => {
         if (!sidebarItems) return [];

src/renderer/features/sidebar/components/sidebar.tsx

@@ -25,7 +25,8 @@ import {
 } from '/@/renderer/store';
 import {
     SidebarItemType,
-    useGeneralSettings,
+    useSidebarItems,
+    useSidebarPlaylistList,
     useWindowSettings,
 } from '/@/renderer/store/settings.store';
 import { Accordion } from '/@/shared/components/accordion/accordion';
@@ -41,7 +42,7 @@ import { Platform } from '/@/shared/types/types';
 export const Sidebar = () => {
     const { t } = useTranslation();
 
-    const { sidebarPlaylistList } = useGeneralSettings();
+    const sidebarPlaylistList = useSidebarPlaylistList();
 
     const translatedSidebarItemMap = useMemo(
         () => ({
@@ -62,7 +63,7 @@ export const Sidebar = () => {
         [t],
     );
 
-    const { sidebarItems } = useGeneralSettings();
+    const sidebarItems = useSidebarItems();
     const { windowBarStyle } = useWindowSettings();
     const sidebarImageEnabled = useAppStore((state) => state.sidebar.image);
     const isRadioPlaying = useRadioStore((state) => state.isPlaying);