mbrucedogs/singsalot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Signed-off-by: Matt Bruce <mbrucedogs@gmail.com>

Browse Source
This commit is contained in:
Matt Bruce 2025-07-18 16:53:50 -05:00
parent bdb57f46ed
commit a243e1e034
3 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/PlayerControls.tsx
View File

@ -3,7 +3,7 @@ import { IonCard, IonCardContent, IonChip, IonIcon } from '@ionic/react';
import { playOutline, pauseOutline, stopOutline, play, pause, stop } from 'ionicons/icons';
import ActionButton from './ActionButton';
import { useAppSelector } from '../../redux';
import { selectPlayerState, selectIsAdmin, selectQueue } from '../../redux';
import { selectPlayerState, selectIsAdmin, selectQueueLength } from '../../redux';
import { playerService } from '../../firebase/services';
import { selectControllerName } from '../../redux';
import { debugLog } from '../../utils/logger';
@ -19,13 +19,13 @@ const PlayerControls: React.FC<PlayerControlsProps> = ({ className = '', variant
const playerState = useAppSelector(selectPlayerState);
const isAdmin = useAppSelector(selectIsAdmin);
const controllerName = useAppSelector(selectControllerName);
const queue = useAppSelector(selectQueue);
const queueLength = useAppSelector(selectQueueLength);
const { showSuccess, showError } = useToast();
// Debug logging
debugLog('PlayerControls - playerState:', playerState);
debugLog('PlayerControls - isAdmin:', isAdmin);
debugLog('PlayerControls - queue length:', Object.keys(queue).length);
debugLog('PlayerControls - queue length:', queueLength);
const handlePlay = async () => {
if (!controllerName) return;
@ -69,7 +69,7 @@ const PlayerControls: React.FC<PlayerControlsProps> = ({ className = '', variant
}
const currentState = playerState?.state || PlayerState.stopped;
const hasSongsInQueue = Object.keys(queue).length > 0;
const hasSongsInQueue = queueLength > 0;
debugLog('PlayerControls - currentState:', currentState);
debugLog('PlayerControls - hasSongsInQueue:', hasSongsInQueue);

6
src/redux/selectors.ts
View File

@ -156,4 +156,10 @@ export const selectQueueWithUserInfo = createSelector(
...item,
isCurrentUser: item.singer.name === currentSinger,
}))
);
// Memoized selector for queue length to prevent unnecessary re-renders
export const selectQueueLength = createSelector(
[selectQueue],
(queue) => Object.keys(queue).length
);

9
src/redux/store.ts
View File

@ -8,6 +8,15 @@ export const store = configureStore({
controller: controllerReducer,
auth: authReducer,
},
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
// Completely disable serializable state check in development
serializableCheck: false,
// Disable immutable check for large data objects
immutableCheck: {
ignoredPaths: ['controller.songs', 'controller.queue', 'controller.history', 'controller.favorites', 'controller.newSongs', 'controller.topPlayed', 'controller.songList', 'controller.singers'],
},
}),
});
export type RootState = AppRootState;