fix container ref instances

This commit is contained in:
jeffvli
2025-11-16 01:10:40 -08:00
parent 4ba7306855
commit 31d9ab048d
14 changed files with 155 additions and 164 deletions
@@ -260,7 +260,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
);
const isSmartPlaylist = detailQuery.data?.rules;
const cq = useContainerQuery();
const { ref, ...cq } = useContainerQuery();
const sortByLabel =
(server?.type &&
@@ -331,7 +331,7 @@ export const PlaylistDetailSongListHeaderFilters = ({
return (
<Flex justify="space-between">
<Group gap="sm" ref={cq.ref} w="100%">
<Group gap="sm" ref={ref} w="100%">
<DropdownMenu position="bottom-start">
<DropdownMenu.Target>
<Button
@@ -20,7 +20,7 @@ import { ItemListKey } from '/@/shared/types/types';
export const PlaylistListHeaderFilters = () => {
const { t } = useTranslation();
const server = useCurrentServer();
const cq = useContainerQuery();
const { ref, ...cq } = useContainerQuery();
const handleCreatePlaylistModal = () => {
openModal({
@@ -32,7 +32,7 @@ export const PlaylistListHeaderFilters = () => {
return (
<Flex justify="space-between">
<Group gap="sm" ref={cq.ref} w="100%">
<Group gap="sm" ref={ref} w="100%">
<ListSortByDropdown
defaultSortByValue={PlaylistListSort.NAME}
itemType={LibraryItem.PLAYLIST}