fix all imports for new structure

src/renderer/features/player/components/center-controls.tsx

@@ -19,12 +19,11 @@ import {
 } from 'react-icons/ri';
 import styled from 'styled-components';
 
-import { useCenterControls } from '../hooks/use-center-controls';
-import { PlayerButton } from './player-button';
-import { openShuffleAllModal } from './shuffle-all-modal';
-
 import { Text } from '/@/renderer/components';
+import { PlayerButton } from '/@/renderer/features/player/components/player-button';
 import { PlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider';
+import { openShuffleAllModal } from '/@/renderer/features/player/components/shuffle-all-modal';
+import { useCenterControls } from '/@/renderer/features/player/hooks/use-center-controls';
 import { usePlayQueueAdd } from '/@/renderer/features/player/hooks/use-playqueue-add';
 import {
     useCurrentPlayer,
@@ -40,7 +39,7 @@ import {
     usePlaybackType,
     useSettingsStore,
 } from '/@/renderer/store/settings.store';
-import { PlaybackType, PlayerRepeat, PlayerShuffle, PlayerStatus } from '/@/renderer/types';
+import { PlaybackType, PlayerRepeat, PlayerShuffle, PlayerStatus } from '/@/shared/types/types';
 
 interface CenterControlsProps {
     playersRef: any;

src/renderer/features/player/components/full-screen-player-image.tsx

@@ -7,26 +7,21 @@ import { generatePath } from 'react-router';
 import { Link } from 'react-router-dom';
 import styled from 'styled-components';
 
-import { QueueSong } from '/@/renderer/api/types';
 import { Badge, Text, TextTitle } from '/@/renderer/components';
 import { useFastAverageColor } from '/@/renderer/hooks';
 import { AppRoute } from '/@/renderer/router/routes';
-import {
-    PlayerData,
-    useFullScreenPlayerStore,
-    usePlayerData,
-    usePlayerStore,
-} from '/@/renderer/store';
+import { useFullScreenPlayerStore, usePlayerData, usePlayerStore } from '/@/renderer/store';
 import { useSettingsStore } from '/@/renderer/store/settings.store';
+import { PlayerData, QueueSong } from '/@/shared/types/domain-types';
 
 const Image = styled(motion.img)<{ $useAspectRatio: boolean }>`
     position: absolute;
     max-width: 100%;
     height: 100%;
-    filter: drop-shadow(0 0 5px rgb(0 0 0 / 40%)) drop-shadow(0 0 5px rgb(0 0 0 / 40%));
-    border-radius: 5px;
     object-fit: ${({ $useAspectRatio }) => ($useAspectRatio ? 'contain' : 'cover')};
     object-position: 50% 100%;
+    filter: drop-shadow(0 0 5px rgb(0 0 0 / 40%)) drop-shadow(0 0 5px rgb(0 0 0 / 40%));
+    border-radius: 5px;
 `;
 
 const ImageContainer = styled(motion.div)`
@@ -41,7 +36,7 @@ const ImageContainer = styled(motion.div)`
 `;
 
 interface TransparentMetadataContainer {
-    opacity: number;
+    opacity?: number;
 }
 
 const MetadataContainer = styled(Stack)<TransparentMetadataContainer>`
@@ -101,7 +96,7 @@ const scaleImageUrl = (imageSize: number, url?: null | string) => {
 const ImageWithPlaceholder = ({
     useAspectRatio,
     ...props
-}: HTMLMotionProps<'img'> & { useAspectRatio: boolean }) => {
+}: HTMLMotionProps<'img'> & { placeholder?: string; useAspectRatio: boolean }) => {
     if (!props.src) {
         return (
             <Center

src/renderer/features/player/components/full-screen-player-queue.tsx

@@ -15,7 +15,7 @@ import {
     useFullScreenPlayerStore,
     useFullScreenPlayerStoreActions,
 } from '/@/renderer/store/full-screen-player.store';
-import { PlaybackType } from '/@/renderer/types';
+import { PlaybackType } from '/@/shared/types/types';
 
 const Visualizer = lazy(() =>
     import('/@/renderer/features/player/components/visualizer').then((module) => ({

src/renderer/features/player/components/full-screen-player.tsx

@@ -7,8 +7,6 @@ import { RiArrowDownSLine, RiSettings3Line } from 'react-icons/ri';
 import { useLocation } from 'react-router';
 import styled from 'styled-components';
 
-import { useFastAverageColor } from '../../../hooks/use-fast-average-color';
-
 import {
     Button,
     NumberInput,
@@ -21,6 +19,7 @@ import {
 import { TableConfigDropdown } from '/@/renderer/components/virtual-table';
 import { FullScreenPlayerImage } from '/@/renderer/features/player/components/full-screen-player-image';
 import { FullScreenPlayerQueue } from '/@/renderer/features/player/components/full-screen-player-queue';
+import { useFastAverageColor } from '/@/renderer/hooks';
 import {
     useCurrentSong,
     useFullScreenPlayerStore,
@@ -30,7 +29,7 @@ import {
     useSettingsStoreActions,
     useWindowSettings,
 } from '/@/renderer/store';
-import { Platform } from '/@/renderer/types';
+import { Platform } from '/@/shared/types/types';
 
 const Container = styled(motion.div)`
     position: absolute;

src/renderer/features/player/components/left-controls.tsx

@@ -7,7 +7,6 @@ import { RiArrowUpSLine, RiDiscLine, RiMore2Fill } from 'react-icons/ri';
 import { generatePath, Link } from 'react-router-dom';
 import styled from 'styled-components';
 
-import { LibraryItem } from '/@/renderer/api/types';
 import { Button, Text, Tooltip } from '/@/renderer/components';
 import { Separator } from '/@/renderer/components/separator';
 import { SONG_CONTEXT_MENU_ITEMS } from '/@/renderer/features/context-menu/context-menu-items';
@@ -22,6 +21,7 @@ import {
     useSidebarStore,
 } from '/@/renderer/store';
 import { fadeIn } from '/@/renderer/styles';
+import { LibraryItem } from '/@/shared/types/domain-types';
 
 const ImageWrapper = styled.div`
     position: relative;

src/renderer/features/player/components/player-button.tsx

@@ -165,8 +165,3 @@ export const PlayerButton = forwardRef<HTMLDivElement, PlayerButtonProps>(
         );
     },
 );
-
-PlayerButton.defaultProps = {
-    $isActive: false,
-    tooltip: undefined,
-};

src/renderer/features/player/components/playerbar.tsx

@@ -1,11 +1,10 @@
 import { MouseEvent, useCallback } from 'react';
 import styled from 'styled-components';
 
-import { CenterControls } from './center-controls';
-import { LeftControls } from './left-controls';
-import { RightControls } from './right-controls';
-
 import { AudioPlayer } from '/@/renderer/components';
+import { CenterControls } from '/@/renderer/features/player/components/center-controls';
+import { LeftControls } from '/@/renderer/features/player/components/left-controls';
+import { RightControls } from '/@/renderer/features/player/components/right-controls';
 import { PlayersRef } from '/@/renderer/features/player/ref/players-ref';
 import { updateSong } from '/@/renderer/features/player/update-remote-song';
 import {
@@ -24,7 +23,7 @@ import {
     usePlaybackType,
     useSettingsStore,
 } from '/@/renderer/store/settings.store';
-import { PlaybackType } from '/@/renderer/types';
+import { PlaybackType } from '/@/shared/types/types';
 
 const PlayerbarContainer = styled.div`
     width: 100vw;
@@ -119,7 +118,7 @@ export const Playerbar = () => {
                     player2={player2}
                     ref={playersRef}
                     status={status}
-                    style={settings.style}
+                    style={settings.style as any}
                     volume={(volume / 100) ** 2}
                 />
             )}

src/renderer/features/player/components/right-controls.tsx

@@ -12,13 +12,11 @@ import {
     RiVolumeUpFill,
 } from 'react-icons/ri';
 
-import { useRightControls } from '../hooks/use-right-controls';
-import { PlayerButton } from './player-button';
-
-import { LibraryItem, QueueSong, ServerType, Song } from '/@/renderer/api/types';
 import { DropdownMenu, Rating } from '/@/renderer/components';
 import { Slider } from '/@/renderer/components/slider';
+import { PlayerButton } from '/@/renderer/features/player/components/player-button';
 import { PlayerbarSlider } from '/@/renderer/features/player/components/playerbar-slider';
+import { useRightControls } from '/@/renderer/features/player/hooks/use-right-controls';
 import { useCreateFavorite, useDeleteFavorite, useSetRating } from '/@/renderer/features/shared';
 import {
     useAppStoreActions,
@@ -32,6 +30,7 @@ import {
     useSpeed,
     useVolume,
 } from '/@/renderer/store';
+import { LibraryItem, QueueSong, ServerType, Song } from '/@/shared/types/domain-types';
 
 const ipc = isElectron() ? window.api.ipc : null;
 const remote = isElectron() ? window.api.remote : null;

src/renderer/features/player/components/shuffle-all-modal.tsx

@@ -11,6 +11,8 @@ import { immer } from 'zustand/middleware/immer';
 import i18n from '/@/i18n/i18n';
 import { api } from '/@/renderer/api';
 import { queryKeys } from '/@/renderer/api/query-keys';
+import { Button, Checkbox, NumberInput, Select } from '/@/renderer/components';
+import { useAuthStore } from '/@/renderer/store';
 import {
     GenreListResponse,
     GenreListSort,
@@ -20,10 +22,8 @@ import {
     ServerListItem,
     ServerType,
     SortOrder,
-} from '/@/renderer/api/types';
-import { Button, Checkbox, NumberInput, Select } from '/@/renderer/components';
-import { useAuthStore } from '/@/renderer/store';
-import { Play, PlayQueueAddOptions } from '/@/renderer/types';
+} from '/@/shared/types/domain-types';
+import { Play, PlayQueueAddOptions } from '/@/shared/types/types';
 
 interface ShuffleAllSlice extends RandomSongListQuery {
     actions: {