fix all imports for new structure

src/renderer/components/virtual-grid/grid-card/default-card.tsx

@@ -5,11 +5,18 @@ import { SimpleImg } from 'react-simple-img';
 import { ListChildComponentProps } from 'react-window';
 import styled from 'styled-components';
 
-import { Album, AlbumArtist, Artist, LibraryItem, Playlist, Song } from '/@/renderer/api/types';
 import { CardRows } from '/@/renderer/components/card';
 import { Skeleton } from '/@/renderer/components/skeleton';
 import { GridCardControls } from '/@/renderer/components/virtual-grid/grid-card/grid-card-controls';
-import { CardRoute, CardRow, Play, PlayQueueAddOptions } from '/@/renderer/types';
+import {
+    Album,
+    AlbumArtist,
+    Artist,
+    LibraryItem,
+    Playlist,
+    Song,
+} from '/@/shared/types/domain-types';
+import { CardRoute, CardRow, Play, PlayQueueAddOptions } from '/@/shared/types/types';
 
 interface BaseGridCardProps {
     columnIndex: number;
@@ -142,7 +149,7 @@ export const DefaultCard = ({
 
     if (data) {
         const path = generatePath(
-            controls.route.route,
+            controls.route.route as string,
             controls.route.slugs?.reduce((acc, slug) => {
                 return {
                     ...acc,

src/renderer/components/virtual-grid/grid-card/grid-card-controls.tsx

@@ -1,21 +1,19 @@
-import type { PlayQueueAddOptions } from '/@/renderer/types';
 import type { UnstyledButtonProps } from '@mantine/core';
 
 import React, { MouseEvent, useState } from 'react';
 import { RiHeartFill, RiHeartLine, RiMoreFill, RiPlayFill } from 'react-icons/ri';
 import styled from 'styled-components';
 
+import { _Button } from '/@/renderer/components/button';
 import {
     ALBUM_CONTEXT_MENU_ITEMS,
     ARTIST_CONTEXT_MENU_ITEMS,
     PLAYLIST_CONTEXT_MENU_ITEMS,
-} from '../../../features/context-menu/context-menu-items';
-
-import { LibraryItem } from '/@/renderer/api/types';
-import { _Button } from '/@/renderer/components/button';
+} from '/@/renderer/features/context-menu/context-menu-items';
 import { useHandleGridContextMenu } from '/@/renderer/features/context-menu/hooks/use-handle-context-menu';
 import { usePlayButtonBehavior } from '/@/renderer/store/settings.store';
-import { Play } from '/@/renderer/types';
+import { LibraryItem } from '/@/shared/types/domain-types';
+import { Play, PlayQueueAddOptions } from '/@/shared/types/types';
 
 type PlayButtonType = React.ComponentPropsWithoutRef<'button'> & UnstyledButtonProps;
 

src/renderer/components/virtual-grid/grid-card/index.tsx

@@ -5,7 +5,7 @@ import { areEqual } from 'react-window';
 
 import { DefaultCard } from '/@/renderer/components/virtual-grid/grid-card/default-card';
 import { PosterCard } from '/@/renderer/components/virtual-grid/grid-card/poster-card';
-import { GridCardData, ListDisplayType } from '/@/renderer/types';
+import { CardRow, GridCardData, ListDisplayType } from '/@/shared/types/types';
 
 export const GridCard = memo(({ data, index, style }: ListChildComponentProps) => {
     const {
@@ -23,7 +23,7 @@ export const GridCard = memo(({ data, index, style }: ListChildComponentProps) =
         route,
     } = data as GridCardData;
 
-    const cards = [];
+    const cards: React.ReactNode[] = [];
     const startIndex = index * columnCount;
     const stopIndex = Math.min(itemCount - 1, startIndex + columnCount - 1);
 
@@ -39,7 +39,7 @@ export const GridCard = memo(({ data, index, style }: ListChildComponentProps) =
             <View
                 columnIndex={i}
                 controls={{
-                    cardRows,
+                    cardRows: cardRows as CardRow<any>[],
                     handleFavorite,
                     handlePlayQueueAdd,
                     itemGap,

src/renderer/components/virtual-grid/grid-card/poster-card.tsx

@@ -5,11 +5,18 @@ import { SimpleImg } from 'react-simple-img';
 import { ListChildComponentProps } from 'react-window';
 import styled from 'styled-components';
 
-import { Album, AlbumArtist, Artist, LibraryItem, Playlist, Song } from '/@/renderer/api/types';
 import { CardRows } from '/@/renderer/components/card';
 import { Skeleton } from '/@/renderer/components/skeleton';
 import { GridCardControls } from '/@/renderer/components/virtual-grid/grid-card/grid-card-controls';
-import { CardRoute, CardRow, Play, PlayQueueAddOptions } from '/@/renderer/types';
+import {
+    Album,
+    AlbumArtist,
+    Artist,
+    LibraryItem,
+    Playlist,
+    Song,
+} from '/@/shared/types/domain-types';
+import { CardRoute, CardRow, Play, PlayQueueAddOptions } from '/@/shared/types/types';
 
 interface BaseGridCardProps {
     columnIndex: number;
@@ -130,7 +137,7 @@ export const PosterCard = ({
 
     if (data) {
         const path = generatePath(
-            controls.route.route,
+            controls.route.route as string,
             controls.route.slugs?.reduce((acc, slug) => {
                 return {
                     ...acc,

src/renderer/components/virtual-grid/virtual-grid-wrapper.tsx

@@ -1,4 +1,9 @@
-import type { CardRoute, CardRow, ListDisplayType, PlayQueueAddOptions } from '/@/renderer/types';
+import type {
+    CardRoute,
+    CardRow,
+    ListDisplayType,
+    PlayQueueAddOptions,
+} from '/@/shared/types/types';
 import type { Ref } from 'react';
 import type { FixedSizeListProps } from 'react-window';
 
@@ -7,8 +12,8 @@ import memoize from 'memoize-one';
 import { FixedSizeList } from 'react-window';
 import styled from 'styled-components';
 
-import { Album, AlbumArtist, Artist, LibraryItem } from '/@/renderer/api/types';
 import { GridCard } from '/@/renderer/components/virtual-grid/grid-card';
+import { Album, AlbumArtist, Artist, LibraryItem } from '/@/shared/types/domain-types';
 
 const createItemData = memoize(
     (
@@ -123,10 +128,6 @@ export const VirtualGridWrapper = ({
     );
 };
 
-VirtualGridWrapper.defaultProps = {
-    route: undefined,
-};
-
 export const VirtualGridContainer = styled.div`
     display: flex;
     flex-direction: column;

src/renderer/components/virtual-grid/virtual-infinite-grid.tsx

@@ -1,4 +1,4 @@
-import type { CardRoute, CardRow, PlayQueueAddOptions } from '/@/renderer/types';
+import type { CardRoute, CardRow, PlayQueueAddOptions } from '/@/shared/types/types';
 import type { FixedSizeListProps } from 'react-window';
 
 import debounce from 'lodash/debounce';
@@ -13,9 +13,9 @@ import {
 } from 'react';
 import InfiniteLoader from 'react-window-infinite-loader';
 
-import { AnyLibraryItem, Genre, LibraryItem } from '/@/renderer/api/types';
 import { VirtualGridWrapper } from '/@/renderer/components/virtual-grid/virtual-grid-wrapper';
-import { ListDisplayType } from '/@/renderer/types';
+import { AnyLibraryItem, Genre, LibraryItem } from '/@/shared/types/domain-types';
+import { ListDisplayType } from '/@/shared/types/types';
 
 export type VirtualInfiniteGridRef = {
     resetLoadMoreItemsCache: () => void;
@@ -211,9 +211,3 @@ export const VirtualInfiniteGrid = forwardRef(
         );
     },
 );
-
-VirtualInfiniteGrid.defaultProps = {
-    display: ListDisplayType.CARD,
-    minimumBatchSize: 20,
-    route: undefined,
-};