diff --git a/README.md b/README.md
index 1760b011..22173179 100644
--- a/README.md
+++ b/README.md
@@ -72,15 +72,15 @@ Playlist
### Player
-
+
-
+
### CarPlay (Sneak Preview)
-
+
### On the Server
-
+
## 🏗 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