From ca87dec0449ab1c55c031c50253d8e34e2aba746 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Mon, 21 Oct 2024 19:28:32 -0500
Subject: [PATCH] fix build

---
 api/queries.ts                              | 4 +---
 api/queries/functions/api.ts                | 2 +-
 api/queries/image.ts                        | 3 ++-
 api/queries/items.ts                        | 5 +++--
 components/Login/helpers/server-library.tsx | 2 +-
 5 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/api/queries.ts b/api/queries.ts
index 1249637f..48d1945a 100644
--- a/api/queries.ts
+++ b/api/queries.ts
@@ -11,7 +11,5 @@ export const usePublicApi = (serverUrl: string) => useQuery({
 
 export const useApi = () => useQuery({
     queryKey: [QueryKeys.Api],
-    queryFn: async () => {
-        return createApi;
-    }
+    queryFn: createApi
 })
\ No newline at end of file
diff --git a/api/queries/functions/api.ts b/api/queries/functions/api.ts
index 451fa16a..bed9c892 100644
--- a/api/queries/functions/api.ts
+++ b/api/queries/functions/api.ts
@@ -7,7 +7,7 @@ import _ from "lodash";
  * A promise to build an authenticated Jellyfin API client
  * @returns A Promise of the authenticated Jellyfin API client or a rejection
  */
-export const createApi: Promise<Api> = new Promise(async (resolve, reject) => {
+export const createApi: () => Promise<Api> = () => new Promise(async (resolve, reject) => {
     return fetchCredentials()
         .then(credentials => {
 
diff --git a/api/queries/image.ts b/api/queries/image.ts
index 5001670e..cbd9290f 100644
--- a/api/queries/image.ts
+++ b/api/queries/image.ts
@@ -3,13 +3,14 @@ import { QueryKeys } from "../../enums/query-keys";
 import { getImageApi } from "@jellyfin/sdk/lib/utils/api/image-api"
 import { useApi } from "../queries";
 import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
+import { createApi } from "./functions/api";
 
 
 export const useImageByItemId = (itemId: string, imageType: ImageType) => useQuery({
     queryKey: [QueryKeys.ImageByItemId, itemId],
     queryFn: (async ({ queryKey }) => {
 
-        let imageFile = await getImageApi(useApi.data!)
+        let imageFile = await getImageApi(await createApi())
         .getItemImage({ itemId: queryKey[1], imageType: imageType })
         .then((response) => {
             // This should be returning a File per Jellyfin's docs
diff --git a/api/queries/items.ts b/api/queries/items.ts
index 21c194f9..10355eab 100644
--- a/api/queries/items.ts
+++ b/api/queries/items.ts
@@ -2,11 +2,12 @@ import { getItemsApi } from "@jellyfin/sdk/lib/utils/api/items-api";
 import { useQuery } from "@tanstack/react-query";
 import { useApi } from "../queries";
 import { QueryKeys } from "../../enums/query-keys";
+import { createApi } from "./functions/api";
 
 export const useChildrenFromParent = (queryKey: QueryKeys, parentId: string) => useQuery({
     queryKey: [queryKey, parentId],
-    queryFn: (({ queryKey }) => {
-        return getItemsApi(useApi.data!)
+    queryFn: (async ({ queryKey }) => {
+        return getItemsApi(await createApi())
             .getItems({ parentId: queryKey[1] })
             .then((result) => {
                 // If our response is empty or null, return empty array
diff --git a/components/Login/helpers/server-library.tsx b/components/Login/helpers/server-library.tsx
index 1e8fda99..41ad43cc 100644
--- a/components/Login/helpers/server-library.tsx
+++ b/components/Login/helpers/server-library.tsx
@@ -12,7 +12,7 @@ import { BaseItemDto } from "@jellyfin/sdk/lib/generated-client/models/base-item
 import { Api } from "@jellyfin/sdk";
 import { fetchMusicLibraries } from "../../../api/queries/functions/libraries";
 import { QueryKeys } from "../../../enums/query-keys";
-import { Icon } from "react-native-vector-icons/Icon";
+import Icon from "react-native-vector-icons/MaterialCommunityIcons";
 
 export default function ServerLibrary(): React.JSX.Element {