ConceptProd/Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix animations
Some checks are pending
Frontend CI / build (18.x) (push) Waiting to run
Details

Browse Source
This commit is contained in:
IRBorisov 2024-06-19 22:30:58 +03:00
parent c1f8553ff4
commit f3f9c419d4
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
rsconcept/frontend/src/pages/LibraryPage/LibraryFolders.tsx
View File

@ -23,7 +23,7 @@ function LibraryFolders({ folders, currentFolder, setFolder, toggleFolderMode }:
const activeNode = useMemo(() => folders.at(currentFolder), [folders, currentFolder]); const activeNode = useMemo(() => folders.at(currentFolder), [folders, currentFolder]);
const items = useMemo(() => folders.getTree(), [folders]); const items = useMemo(() => folders.getTree(), [folders]);
const [folded, setFolded] = useState<FolderNode[]>([]); const [folded, setFolded] = useState<FolderNode[]>(items);
useLayoutEffect(() => { useLayoutEffect(() => {
setFolded(items.filter(item => item !== activeNode && (!activeNode || !activeNode.hasPredecessor(item)))); setFolded(items.filter(item => item !== activeNode && (!activeNode || !activeNode.hasPredecessor(item))));
@ -86,7 +86,7 @@ function LibraryFolders({ folders, currentFolder, setFolder, toggleFolderMode }:
'cc-scroll-y' 'cc-scroll-y'
)} )}
> >
<AnimatePresence initial={false}> <AnimatePresence>
{items.map((item, index) => {items.map((item, index) =>
!item.parent || !folded.includes(item.parent) ? ( !item.parent || !folded.includes(item.parent) ? (
<motion.div <motion.div

2
rsconcept/frontend/src/pages/LibraryPage/LibraryPage.tsx
View File

@ -127,7 +127,7 @@ function LibraryPage() {
/> />
<div className='flex'> <div className='flex'>
<AnimatePresence> <AnimatePresence initial={false}>
{folderMode ? ( {folderMode ? (
<LibraryFolders <LibraryFolders
currentFolder={folder} // prettier: split-lines currentFolder={folder} // prettier: split-lines