diff --git a/README.md b/README.md index 1760b011..22173179 100644 --- a/README.md +++ b/README.md @@ -72,15 +72,15 @@ Playlist Search ### Player -Player +Player -Queue +Queue ### CarPlay (Sneak Preview) -Now Playing (CarPlay) +Now Playing (CarPlay) ### On the Server -Playback Tracking +Playback Tracking ## 🏗 Built with: ### 🎨 Frontend diff --git a/components/Global/components/blurhashed-image.tsx b/components/Global/components/blurhashed-image.tsx index 884a6d22..80d4ea4f 100644 --- a/components/Global/components/blurhashed-image.tsx +++ b/components/Global/components/blurhashed-image.tsx @@ -32,9 +32,7 @@ export default function BlurhashedImage({ Math.ceil(height ?? width / 100) * 100 // So these keys need to match ], queryFn: () => fetchItemImage(item.AlbumId ? item.AlbumId : item.Id!, type ?? ImageType.Primary, width, height ?? width), - staleTime: (1000 * 60 * 60) * 24, // 1 day, images probably don't refresh that often - gcTime: (1000 * 1 * 1) * 1 // 1 second, these are stored on disk anyways so refetching is cheap - });; + }); const blurhash = !isEmpty(item.ImageBlurHashes) && !isEmpty(type ? item.ImageBlurHashes[type] : item.ImageBlurHashes.Primary) diff --git a/components/Login/screens/server-library.tsx b/components/Login/screens/server-library.tsx index 900400d8..d549eff7 100644 --- a/components/Login/screens/server-library.tsx +++ b/components/Login/screens/server-library.tsx @@ -75,8 +75,8 @@ export default function ServerLibrary(): React.JSX.Element { musicLibraryId: libraryId!, musicLibraryName: libraries?.filter((library) => library.Id == libraryId)[0].Name ?? "No library name", musicLibraryPrimaryImageId: libraries?.filter((library) => library.Id == libraryId)[0].ImageTags!.Primary, - playlistLibraryId: playlistLibrary!.Id!, - playlistLibraryPrimaryImageId: playlistLibrary!.ImageTags!.Primary, + playlistLibraryId: playlistLibrary?.Id!, + playlistLibraryPrimaryImageId: playlistLibrary?.ImageTags!.Primary, }); setLoggedIn(true); }}> diff --git a/components/Player/screens/index.tsx b/components/Player/screens/index.tsx index c8ab6de1..4165d94e 100644 --- a/components/Player/screens/index.tsx +++ b/components/Player/screens/index.tsx @@ -90,28 +90,22 @@ export default function PlayerScreen({ /> - { useMemo(() => { + - - Playing from - - - { - // If the Queue is a BaseItemDto, display the name of it - typeof(queue) === 'object' - ? (queue as BaseItemDto).Name ?? "Untitled" - : queue - } - - - - }, [ - queue - ])} + Playing from + + { + // If the Queue is a BaseItemDto, display the name of it + typeof(queue) === 'object' + ? (queue as BaseItemDto).Name ?? "Untitled" + : queue + } + + diff --git a/components/Playlist/component.tsx b/components/Playlist/component.tsx index a82e59d2..58553c13 100644 --- a/components/Playlist/component.tsx +++ b/components/Playlist/component.tsx @@ -213,7 +213,7 @@ export default function Playlist({ color={"$borderColor"} style={{ display: "block"}} > - Total Runtime: + Total Runtime: { playlist.RunTimeTicks } diff --git a/constants/query-client.ts b/constants/query-client.ts index 273dc563..ee0cb9b0 100644 --- a/constants/query-client.ts +++ b/constants/query-client.ts @@ -3,8 +3,9 @@ import { QueryClient } from "@tanstack/react-query"; export const queryClient = new QueryClient({ defaultOptions: { queries: { + refetchOnWindowFocus: false, gcTime: (1000 * 60 * 60 * 24) * 5, // 5 days, for maximum cache-age - staleTime: (1000 * 60 * 30), // 30 minutes, this can be refreshed manually anyways + staleTime: (1000 * 60 * 60 * 1), // 1 hour, this can be refreshed manually anyways } } }); \ No newline at end of file diff --git a/types/JellifyLibrary.ts b/types/JellifyLibrary.ts index c25ca4f2..0647b7d3 100644 --- a/types/JellifyLibrary.ts +++ b/types/JellifyLibrary.ts @@ -1,8 +1,8 @@ export interface JellifyLibrary { musicLibraryId: string; - musicLibraryName?: string; - musicLibraryPrimaryImageId?: string; - playlistLibraryId: string; - playlistLibraryPrimaryImageId?: string; + musicLibraryName?: string | undefined; + musicLibraryPrimaryImageId?: string | undefined; + playlistLibraryId?: string | undefined; + playlistLibraryPrimaryImageId?: string | undefined; } \ No newline at end of file