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,18 +455,16 @@ const PlaylistDetailSongListRoute = () => {
onToggleQueryBuilder={handleToggleShowQueryBuilder} onToggleQueryBuilder={handleToggleShowQueryBuilder}
/> />
{(isSmartPlaylist || showQueryBuilder) && ( {(isSmartPlaylist || showQueryBuilder) && (
<AnimatePresence> <PlaylistQueryEditor
<PlaylistQueryEditor createPlaylistMutation={createPlaylistMutation}
createPlaylistMutation={createPlaylistMutation} detailQuery={detailQuery}
detailQuery={detailQuery} handleSave={handleSave}
handleSave={handleSave} handleSaveAs={handleSaveAs}
handleSaveAs={handleSaveAs} isQueryBuilderExpanded={isQueryBuilderExpanded}
isQueryBuilderExpanded={isQueryBuilderExpanded} onToggleExpand={handleToggleExpand}
onToggleExpand={handleToggleExpand} playlistId={playlistId}
playlistId={playlistId} queryBuilderRef={queryBuilderRef}
queryBuilderRef={queryBuilderRef} />
/>
</AnimatePresence>
)} )}
<PlaylistDetailSongListContent /> <PlaylistDetailSongListContent />
</ListContext.Provider> </ListContext.Provider>