Change TS import baseUrl

src/renderer/features/library/components/LibraryTab.tsx

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { motion } from 'framer-motion';
 import { Link, LinkProps } from 'react-router-dom';
 import styled from 'styled-components';
-import { fontGotham } from 'renderer/styles';
+import { fontGotham } from '../../../styles';
 
 interface LibraryTabProps extends LinkProps {
   children: ReactNode;

src/renderer/features/library/routes/LibraryAlbumsRoute.tsx

@@ -3,12 +3,12 @@ import { useState } from 'react';
 import { Button, Group, Menu } from '@mantine/core';
 import { useSetState } from '@mantine/hooks';
 import AutoSizer from 'react-virtualized-auto-sizer';
-import i18n from 'i18n/i18n';
-import { albumsApi } from 'renderer/api/albumsApi';
-import { VirtualInfiniteGrid } from 'renderer/components/virtual-grid/VirtualInfiniteGrid';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
-import { AppRoute } from 'renderer/router/utils/routes';
-import { Item } from 'types';
+import i18n from '../../../../i18n/i18n';
+import { Item } from '../../../../types';
+import { albumsApi } from '../../../api/albumsApi';
+import { VirtualInfiniteGrid } from '../../../components/virtual-grid/VirtualInfiniteGrid';
+import { AppRoute } from '../../../router/utils/routes';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import { ViewType, ViewTypeButton } from '../components/ViewTypeButton';
 import { useAlbums } from '../queries/getAlbums';
 

src/renderer/features/library/routes/LibraryArtistsRoute.tsx

@@ -1,22 +1,18 @@
 /* eslint-disable no-plusplus */
-import { useRef } from 'react';
-import InfiniteLoader from 'react-window-infinite-loader';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import { useAlbums } from '../queries/getAlbums';
 
 export const LibraryArtistsRoute = () => {
-  const infiniteLoaderRef = useRef<InfiniteLoader>(null);
-
   const params = {
     orderBy: 'asc',
     sortBy: 'title',
   };
 
   const { data: albums } = useAlbums({
-    limit: 0,
-    page: 0,
+    skip: 0,
+    take: 0,
     ...params,
   });
 
-  return <AnimatedPage />;
+  return <AnimatedPage>Temp</AnimatedPage>;
 };

src/renderer/features/library/routes/LibraryRoute.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
-import { AppRoute } from 'renderer/router/utils/routes';
+import { AppRoute } from '../../../router/utils/routes';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import LibraryTab from '../components/LibraryTab';
 
 const TabContainer = styled.div`