Merge branch 'development' into related-similar-songs

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

@@ -134,7 +134,7 @@ export const FullScreenPlayerImage = () => {
     const albumArtRes = useSettingsStore((store) => store.general.albumArtRes);
 
     const { queue } = usePlayerData();
-    const { opacity, useImageAspectRatio } = useFullScreenPlayerStore();
+    const { useImageAspectRatio } = useFullScreenPlayerStore();
     const currentSong = queue.current;
     const { color: background } = useFastAverageColor({
         algorithm: 'dominant',
@@ -250,7 +250,6 @@ export const FullScreenPlayerImage = () => {
             <MetadataContainer
                 className="full-screen-player-image-metadata"
                 maw="100%"
-                opacity={opacity}
                 spacing="xs"
             >
                 <TextTitle
@@ -278,7 +277,6 @@ export const FullScreenPlayerImage = () => {
                     to={generatePath(AppRoute.LIBRARY_ALBUMS_DETAIL, {
                         albumId: currentSong?.albumId || '',
                     })}
-                    transform="uppercase"
                     w="100%"
                     weight={600}
                 >
@@ -292,7 +290,6 @@ export const FullScreenPlayerImage = () => {
                         style={{
                             textShadow: 'var(--fullscreen-player-text-shadow)',
                         }}
-                        transform="uppercase"
                     >
                         {index > 0 && (
                             <Text
@@ -313,7 +310,6 @@ export const FullScreenPlayerImage = () => {
                             to={generatePath(AppRoute.LIBRARY_ALBUM_ARTISTS_DETAIL, {
                                 albumArtistId: artist.id,
                             })}
-                            transform="uppercase"
                             weight={600}
                         >
                             {artist.name}

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

@@ -43,11 +43,11 @@ const HeaderItemWrapper = styled.div`
     z-index: 2;
 `;
 
-interface TransparendGridContainerProps {
+interface TransparentGridContainerProps {
     opacity: number;
 }
 
-const GridContainer = styled.div<TransparendGridContainerProps>`
+const GridContainer = styled.div<TransparentGridContainerProps>`
     display: grid;
     grid-template-rows: auto minmax(0, 1fr);
     grid-template-columns: 1fr;

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

@@ -153,7 +153,7 @@ const Controls = () => {
                                     defaultValue={opacity}
                                     label={(e) => `${e} %`}
                                     max={100}
-                                    min={1}
+                                    min={0}
                                     w="100%"
                                     onChangeEnd={(e) => setStore({ opacity: Number(e) })}
                                 />

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

@@ -15,11 +15,12 @@ import {
     ServerType,
     GenreListSort,
     SortOrder,
+    ServerListItem,
 } from '/@/renderer/api/types';
 import { api } from '/@/renderer/api';
 import { useAuthStore } from '/@/renderer/store';
 import { queryKeys } from '/@/renderer/api/query-keys';
-import { Play, PlayQueueAddOptions, ServerListItem } from '/@/renderer/types';
+import { Play, PlayQueueAddOptions } from '/@/renderer/types';
 import i18n from '/@/i18n/i18n';
 
 interface ShuffleAllSlice extends RandomSongListQuery {

src/renderer/features/player/utils.ts

@@ -8,8 +8,9 @@ import {
     SongListResponse,
     SongListSort,
     SortOrder,
+    ServerListItem,
+    ServerType,
 } from '/@/renderer/api/types';
-import { ServerListItem, ServerType } from '/@/renderer/types';
 
 export const getPlaylistSongsById = async (args: {
     id: string;