Mirroring/my-links
1
0
Fork 0
mirror of https://github.com/Sonny93/my-links.git synced 2025-12-10 07:25:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: page transition played when switching collection after soft navigation

Browse Source
This commit is contained in:
Sonny
2024-11-09 17:16:35 +01:00
committed by Sonny
parent 81f4cd7f87
commit 9250e5f0b4
2 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
inertia/components/dashboard/collection/list/collection_list.tsx
View File

@@ -1,7 +1,10 @@
import { router } from '@inertiajs/react';
import { route } from '@izzyjs/route/client';
import { Box, ScrollArea, Text } from '@mantine/core';
import { useTranslation } from 'react-i18next';
import CollectionItem from '~/components/dashboard/collection/item/collection_item';
import useShortcut from '~/hooks/use_shortcut';
import { appendCollectionId } from '~/lib/navigation';
import { useActiveCollection, useCollections } from '~/stores/collection_store';
import styles from './collection_list.module.css';
@@ -10,13 +13,18 @@ export default function CollectionList() {
const { collections } = useCollections();
const { activeCollection, setActiveCollection } = useActiveCollection();
const replaceUrl = (collectionId: number) =>
router.get(appendCollectionId(route('dashboard').path, collectionId));
const goToPreviousCollection = () => {
const currentCategoryIndex = collections.findIndex(
({ id }) => id === activeCollection?.id
);
if (currentCategoryIndex === -1 || currentCategoryIndex === 0) return;
setActiveCollection(collections[currentCategoryIndex - 1]);
const collection = collections[currentCategoryIndex - 1];
replaceUrl(collection.id);
setActiveCollection(collection);
};
const goToNextCollection = () => {
@@ -29,7 +37,9 @@ export default function CollectionList() {
)
return;
setActiveCollection(collections[currentCategoryIndex + 1]);
const collection = collections[currentCategoryIndex + 1];
replaceUrl(collection.id);
setActiveCollection(collection);
};
useShortcut('ARROW_UP', goToPreviousCollection);