Change TS import baseUrl

src/renderer/components/audio-player/AudioPlayer.tsx

@@ -18,10 +18,10 @@ interface AudioPlayerProps extends ReactPlayerProps {
   crossfadeDuration: number;
   crossfadeStyle: CrossfadeStyle;
   currentPlayer: 1 | 2;
+  playbackStyle: PlaybackStyle;
   player1: Song;
   player2: Song;
   status: PlayerStatus;
-  style: PlaybackStyle;
   volume: number;
 }
 
@@ -40,7 +40,7 @@ export const AudioPlayer = forwardRef(
   (
     {
       status,
-      style,
+      playbackStyle,
       crossfadeStyle,
       crossfadeDuration,
       currentPlayer,
@@ -161,7 +161,9 @@ export const AudioPlayer = forwardRef(
           width={0}
           onEnded={handleOnEnded}
           onProgress={
-            style === PlaybackStyle.Gapless ? handleGapless1 : handleCrossfade1
+            playbackStyle === PlaybackStyle.Gapless
+              ? handleGapless1
+              : handleCrossfade1
           }
         />
         <ReactPlayer
@@ -175,7 +177,9 @@ export const AudioPlayer = forwardRef(
           width={0}
           onEnded={handleOnEnded}
           onProgress={
-            style === PlaybackStyle.Gapless ? handleGapless2 : handleCrossfade2
+            playbackStyle === PlaybackStyle.Gapless
+              ? handleGapless2
+              : handleCrossfade2
           }
         />
       </>

src/renderer/components/text/Text.tsx

@@ -9,8 +9,8 @@ import {
 } from '@mantine/core';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
-import { Font } from 'renderer/styles';
-import { textEllipsis } from 'renderer/styles/mixins';
+import { Font } from '../../styles';
+import { textEllipsis } from '../../styles/mixins';
 
 type MantineTextDivProps = MantineTextProps & ComponentPropsWithoutRef<'div'>;
 type MantineTextLinkProps = MantineTextProps & ComponentPropsWithRef<'link'>;

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

@@ -1,7 +1,7 @@
 import { Card, Skeleton } from '@mantine/core';
 import { motion } from 'framer-motion';
 import styled from 'styled-components';
-import { CardRow } from 'renderer/types';
+import { CardRow } from '../../types';
 import { Text } from '../text/Text';
 import { GridCardControls } from './GridCardControls';
 

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { UnstyledButton, UnstyledButtonProps } from '@mantine/core';
 import { motion } from 'framer-motion';
+import { RiPlayFill } from 'react-icons/ri';
 import styled from 'styled-components';
-import { PlayerPlay } from 'tabler-icons-react';
 
 type PlayButtonType = UnstyledButtonProps &
   React.ComponentPropsWithoutRef<'button'>;
@@ -81,7 +81,7 @@ export const GridCardControls = ({
             });
           }}
         >
-          <PlayerPlay />
+          <RiPlayFill size={25} />
         </PlayButton>
       </CenterControls>
       <BottomControls />

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

@@ -1,7 +1,7 @@
 import { Ref, useMemo } from 'react';
 import { FixedSizeList, FixedSizeListProps } from 'react-window';
-import { usePlayQueueHandler } from 'renderer/features/player/hooks/usePlayQueueHandler';
-import { CardRow } from 'renderer/types';
+import { usePlayQueueHandler } from '../../features/player/hooks/usePlayQueueHandler';
+import { CardRow } from '../../types';
 import { GridCard } from './GridCard';
 
 export const VirtualGridWrapper = ({

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

@@ -2,7 +2,7 @@ import { useState, useEffect, useRef, useMemo } from 'react';
 import debounce from 'lodash/debounce';
 import { FixedSizeListProps } from 'react-window';
 import InfiniteLoader from 'react-window-infinite-loader';
-import { CardRow } from 'renderer/types';
+import { CardRow } from '../../types';
 import { VirtualGridWrapper } from './VirtualGridWrapper';
 
 interface VirtualGridProps