adding a switch server button to library selection screen

This commit is contained in:
Violet Caulfield
2024-10-17 18:18:23 -05:00
parent 0e09778c4a
commit 4e4dafe7a1
2 changed files with 27 additions and 3 deletions

View File

@@ -49,7 +49,7 @@ export default function ServerAuthentication(): React.JSX.Element {
setChangeServer(true);
return await AsyncStorage.setItem(AsyncStorageKeys.ServerUrl, "");
}
})
});
return (
<View style={jellifyStyles.container}>

View File

@@ -1,11 +1,35 @@
import { useMutation } from "@tanstack/react-query";
import React from "react";
import { View } from "react-native";
import { Text } from "react-native-ui-lib";
import { Button, Colors, Text } from "react-native-ui-lib";
import { AsyncStorageKeys } from "../../../enums/async-storage-keys";
import { useApiClientContext } from "../../jellyfin-api-provider";
import AsyncStorage from "@react-native-async-storage/async-storage";
export default function ServerLibrary(): React.JSX.Element {
const { setServer, setChangeServer } = useApiClientContext();
const clearServer = useMutation({
mutationFn: async () => {
setServer(undefined)
setChangeServer(true);
return await AsyncStorage.setItem(AsyncStorageKeys.ServerUrl, "");
}
});
return (
<View>
<Text style={{fontSize: 300 }}>Select Music Library</Text>
<Text style={{fontSize: 30 }}>Select Music Library</Text>
<Button
label="Switch Server"
onPress={() => {
clearServer.mutate();
}}
backgroundColor={Colors.$iconDanger}
color={Colors.$white}
/>
</View>
)
}