temp commit for breaking changes

src/renderer/features/now-playing/components/play-queue-list-controls.tsx

@@ -12,7 +12,7 @@ import { ActionIcon } from '/@/shared/components/action-icon/action-icon';
 import { Group } from '/@/shared/components/group/group';
 import { Popover } from '/@/shared/components/popover/popover';
 import { Song } from '/@/shared/types/domain-types';
-import { TableType } from '/@/shared/types/types';
+import { ItemListKey } from '/@/shared/types/types';
 
 const mpvPlayer = isElectron() ? window.api.mpvPlayer : null;
 
@@ -20,7 +20,7 @@ interface PlayQueueListOptionsProps {
     handleSearch: (value: string) => void;
     searchTerm?: string;
     tableRef: MutableRefObject<null | { grid: AgGridReactType<Song> }>;
-    type: TableType;
+    type: ItemListKey;
 }
 
 export const PlayQueueListControls = ({

src/renderer/features/now-playing/components/play-queue.tsx

@@ -8,7 +8,6 @@ import debounce from 'lodash/debounce';
 import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 
-import { VirtualGridAutoSizerContainer } from '/@/renderer/components/virtual-grid/virtual-grid-wrapper';
 import { getColumnDefs, VirtualTable } from '/@/renderer/components/virtual-table';
 import { ErrorFallback } from '/@/renderer/features/action-required/components/error-fallback';
 import { QUEUE_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
@@ -21,18 +20,16 @@ import {
     usePlayerStatus,
 } from '/@/renderer/store';
 import {
-    PersistedTableColumn,
     useSettingsStore,
     useSettingsStoreActions,
     useTableSettings,
 } from '/@/renderer/store/settings.store';
 import { searchSongs } from '/@/renderer/utils/search-songs';
 import { LibraryItem, QueueSong } from '/@/shared/types/domain-types';
-import { TableType } from '/@/shared/types/types';
+import { ItemListKey } from '/@/shared/types/types';
 
 type QueueProps = {
-    searchTerm?: string;
-    type: TableType;
+    type: ItemListKey;
 };
 
 export const PlayQueue = forwardRef(({ searchTerm, type }: QueueProps, ref: Ref<any>) => {
@@ -138,7 +135,7 @@ export const PlayQueue = forwardRef(({ searchTerm, type }: QueueProps, ref: Ref<
         const columnsOrder = columnApi?.getAllGridColumns();
         if (!columnsOrder) return;
 
-        const columnsInSettings = useSettingsStore.getState().tables[type].columns;
+        const columnsInSettings = useSettingsStore.getState().lists[type].columns;
 
         const updatedColumns: PersistedTableColumn[] = [];
         for (const column of columnsOrder) {
@@ -149,7 +146,7 @@ export const PlayQueue = forwardRef(({ searchTerm, type }: QueueProps, ref: Ref<
             if (columnInSettings) {
                 updatedColumns.push({
                     ...columnInSettings,
-                    ...(!useSettingsStore.getState().tables[type].autoFit && {
+                    ...(!useSettingsStore.getState().lists[type].autoFit && {
                         width: column.getActualWidth(),
                     }),
                 });
@@ -157,10 +154,10 @@ export const PlayQueue = forwardRef(({ searchTerm, type }: QueueProps, ref: Ref<
         }
 
         setSettings({
-            tables: {
-                ...useSettingsStore.getState().tables,
+            lists: {
+                ...useSettingsStore.getState().lists,
                 [type]: {
-                    ...useSettingsStore.getState().tables[type],
+                    ...useSettingsStore.getState().lists[type],
                     columns: updatedColumns,
                 },
             },

src/renderer/features/now-playing/components/sidebar-play-queue.tsx

@@ -2,12 +2,7 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 
 import { useRef, useState } from 'react';
 
-import { PlayQueueListControls } from './play-queue-list-controls';
-
-import { VirtualGridContainer } from '/@/renderer/components/virtual-grid/virtual-grid-wrapper';
-import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
 import { useWindowSettings } from '/@/renderer/store/settings.store';
-import { Box } from '/@/shared/components/box/box';
 import { Song } from '/@/shared/types/domain-types';
 import { Platform } from '/@/shared/types/types';
 
@@ -17,17 +12,6 @@ export const SidebarPlayQueue = () => {
     const { windowBarStyle } = useWindowSettings();
 
     const isWeb = windowBarStyle === Platform.WEB;
-    return (
-        <VirtualGridContainer>
-            <Box display={!isWeb ? 'flex' : undefined} h="65px">
-                <PlayQueueListControls
-                    handleSearch={setSearch}
-                    searchTerm={search}
-                    tableRef={queueRef}
-                    type="sideQueue"
-                />
-            </Box>
-            <PlayQueue ref={queueRef} searchTerm={search} type="sideQueue" />
-        </VirtualGridContainer>
-    );
+
+    return null;
 };

src/renderer/features/now-playing/routes/now-playing-route.tsx

@@ -3,10 +3,6 @@ import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/li
 
 import { useRef, useState } from 'react';
 
-import { VirtualGridContainer } from '/@/renderer/components/virtual-grid/virtual-grid-wrapper';
-import { NowPlayingHeader } from '/@/renderer/features/now-playing/components/now-playing-header';
-import { PlayQueue } from '/@/renderer/features/now-playing/components/play-queue';
-import { PlayQueueListControls } from '/@/renderer/features/now-playing/components/play-queue-list-controls';
 import { AnimatedPage } from '/@/renderer/features/shared/components/animated-page';
 
 const NowPlayingRoute = () => {
@@ -15,16 +11,11 @@ const NowPlayingRoute = () => {
 
     return (
         <AnimatedPage>
-            <VirtualGridContainer>
+            {/* <VirtualGridContainer>
                 <NowPlayingHeader />
-                <PlayQueueListControls
-                    handleSearch={setSearch}
-                    searchTerm={search}
-                    tableRef={queueRef}
-                    type="nowPlaying"
-                />
-                <PlayQueue ref={queueRef} searchTerm={search} type="nowPlaying" />
-            </VirtualGridContainer>
+                <PlayQueueListControls tableRef={queueRef} type="nowPlaying" />
+                <PlayQueue ref={queueRef} type="nowPlaying" />
+            </VirtualGridContainer> */}
         </AnimatedPage>
     );
 };