mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-02-25 21:29:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

oh it was YOU

Browse Source
This commit is contained in:
Violet Caulfield
2024-10-22 15:59:05 -05:00
parent 5a12ffee44
commit e823489ca8
1 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
components/Login/helpers/server-library.tsx
View File

@@ -1,5 +1,5 @@
import { useMutation, useQuery } from "@tanstack/react-query";
import React, { useEffect, useState } from "react";
import React, { useEffect, useMemo, useState } from "react";
import { useApiClientContext } from "../../jellyfin-api-provider";
import { Select, View } from "tamagui";
import { JellifyLibrary } from "../../../types/JellifyLibrary";
@@ -29,7 +29,7 @@ export default function ServerLibrary(): React.JSX.Element {
queryFn: async ({ queryKey }) => await fetchMusicLibraries(queryKey[1] as Api)
});
const { data : libraries, isPending } = useLibraries(apiClient!);
const { data : libraries, isPending, refetch } = useLibraries(apiClient!);
const clearUser = useMutation({
mutationFn: async () => {
@@ -39,6 +39,13 @@ export default function ServerLibrary(): React.JSX.Element {
}
});
useEffect(() => {
refetch();
}, [
server,
apiClient
])
return (
<View marginHorizontal={10} flex={1} justifyContent='center'>
<Heading>Select Music Library</Heading>
@@ -54,23 +61,20 @@ export default function ServerLibrary(): React.JSX.Element {
</Select.Trigger>
<Select.Content>
<Select.Viewport>
{ React.useMemo(
() => libraries.map((item, i) => {
return (
<Select.Item
index={i}
key={item.Name!}
value={item.Name!}
>
<Select.ItemText>{item.Name!}</Select.ItemText>
<Select.ItemIndicator marginLeft="auto">
<Icon name="check" size={16} />
</Select.ItemIndicator>
</Select.Item>
)
}),
[libraries]
)}
{ libraries.map((item, i) => {
return (
<Select.Item
index={i}
key={item.Name!}
value={item.Name!}
>
<Select.ItemText>{item.Name!}</Select.ItemText>
<Select.ItemIndicator marginLeft="auto">
<Icon name="check" size={16} />
</Select.ItemIndicator>
</Select.Item>
)
})}
</Select.Viewport>
</Select.Content>
</Select>