remove motion wrapper

This commit is contained in:
jeffvli
2025-11-29 16:32:53 -08:00
parent a6945bc1f3
commit 576d14dca0
@@ -1,6 +1,5 @@
import { closeAllModals, openModal } from '@mantine/modals'; import { closeAllModals, openModal } from '@mantine/modals';
import { useQuery } from '@tanstack/react-query'; import { useQuery } from '@tanstack/react-query';
import { AnimatePresence, motion } from 'motion/react';
import { useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next'; import { useTranslation } from 'react-i18next';
import { generatePath, useNavigate, useParams } from 'react-router'; import { generatePath, useNavigate, useParams } from 'react-router';
@@ -159,7 +158,7 @@ const PlaylistQueryEditor = ({
}, [detailQuery?.data?.rules?.order, detailQuery?.data?.rules?.sort]); }, [detailQuery?.data?.rules?.order, detailQuery?.data?.rules?.sort]);
return ( return (
<motion.div> <div className="query-editor-container">
<Stack gap={0} h="100%" mah="50dvh" p="md" w="100%"> <Stack gap={0} h="100%" mah="50dvh" p="md" w="100%">
<Group justify="space-between" pb="md" wrap="nowrap"> <Group justify="space-between" pb="md" wrap="nowrap">
<Group gap="sm" wrap="nowrap"> <Group gap="sm" wrap="nowrap">
@@ -237,7 +236,7 @@ const PlaylistQueryEditor = ({
/> />
</div> </div>
</Stack> </Stack>
</motion.div> </div>
); );
}; };
@@ -456,7 +455,6 @@ const PlaylistDetailSongListRoute = () => {
onToggleQueryBuilder={handleToggleShowQueryBuilder} onToggleQueryBuilder={handleToggleShowQueryBuilder}
/> />
{(isSmartPlaylist || showQueryBuilder) && ( {(isSmartPlaylist || showQueryBuilder) && (
<AnimatePresence>
<PlaylistQueryEditor <PlaylistQueryEditor
createPlaylistMutation={createPlaylistMutation} createPlaylistMutation={createPlaylistMutation}
detailQuery={detailQuery} detailQuery={detailQuery}
@@ -467,7 +465,6 @@ const PlaylistDetailSongListRoute = () => {
playlistId={playlistId} playlistId={playlistId}
queryBuilderRef={queryBuilderRef} queryBuilderRef={queryBuilderRef}
/> />
</AnimatePresence>
)} )}
<PlaylistDetailSongListContent /> <PlaylistDetailSongListContent />
</ListContext.Provider> </ListContext.Provider>