mirror of
https://github.com/spacedriveapp/spacedrive
synced 2024-07-18 18:59:11 +00:00
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
|
import { Navigate, RouteObject, useRoutes } from 'react-router-dom';
|
||
|
import { currentLibraryCache, useCachedLibraries, useInvalidateQuery } from '@sd/client';
|
||
|
import { useKeybindHandler } from '~/hooks/useKeyboardHandler';
|
||
|
import { lazyEl } from '~/util';
|
||
|
import libraryRoutes from './$libraryId';
|
||
|
import onboardingRoutes from './onboarding';
|
||
|
import './style.scss';
|
||
|
|
||
|
const Index = () => {
|
||
|
const libraries = useCachedLibraries();
|
||
|
|
||
|
if (libraries.status !== 'success') return null;
|
||
|
|
||
|
if (libraries.data.length === 0) return <Navigate to="onboarding" />;
|
||
|
|
||
|
const currentLibrary = libraries.data.find((l) => l.uuid === currentLibraryCache.id);
|
||
|
|
||
|
const libraryId = currentLibrary ? currentLibrary.uuid : libraries.data[0]?.uuid;
|
||
|
|
||
|
return <Navigate to={`${libraryId}/overview`} />;
|
||
|
};
|
||
|
|
||
|
const routes = [
|
||
|
{
|
||
|
index: true,
|
||
|
element: <Index />
|
||
|
},
|
||
|
{
|
||
|
path: 'onboarding',
|
||
|
element: lazyEl(() => import('./onboarding/Layout')),
|
||
|
children: onboardingRoutes
|
||
|
},
|
||
|
{
|
||
|
path: ':libraryId',
|
||
|
element: lazyEl(() => import('./$libraryId/Layout')),
|
||
|
children: libraryRoutes
|
||
|
}
|
||
|
] satisfies RouteObject[];
|
||
|
|
||
|
export default () => {
|
||
|
useKeybindHandler();
|
||
|
useInvalidateQuery();
|
||
|
|
||
|
return useRoutes(routes);
|
||
|
};
|