Allow for clearing the Redux store from the settings page

src/screens/Settings/components/Library.tsx

@@ -0,0 +1,44 @@
+import styled from 'styled-components/native';
+import { useNavigation } from '@react-navigation/native';
+import React, { useCallback } from 'react';
+import { Text, Button } from 'react-native';
+import { THEME_COLOR } from 'CONSTANTS';
+import { SubHeader } from 'components/Typography';
+import { colors } from 'components/Colors';
+import { NavigationProp } from '../..';
+import { useTypedSelector } from 'store';
+
+const InputContainer = styled.View`
+    margin: 10px 0;
+`;
+
+const Input = styled.TextInput`
+    padding: 15px;
+    margin-top: 5px;
+    border-radius: 5px;
+`;
+
+export default function LibrarySettings() {
+    const { jellyfin } = useTypedSelector(state => state.settings);
+    const navigation = useNavigation<NavigationProp>();
+    const handleSetLibrary = useCallback(() => navigation.navigate('SetJellyfinServer'), [navigation]);
+
+    return (
+        <>
+            <SubHeader>Jellyfin Library</SubHeader>
+            <InputContainer>
+                <Text style={colors.text}>Jellyfin Server URL</Text>
+                <Input placeholder="https://jellyfin.yourserver.com/" value={jellyfin?.uri} editable={false} style={colors.input} />
+            </InputContainer>
+            <InputContainer>
+                <Text style={colors.text}>Jellyfin Access Token</Text>
+                <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.access_token} editable={false} style={colors.input} />
+            </InputContainer>
+            <InputContainer>
+                <Text style={colors.text}>Jellyfin User ID</Text>
+                <Input placeholder="deadbeefdeadbeefdeadbeef" value={jellyfin?.user_id} editable={false} style={colors.input} />
+            </InputContainer>
+            <Button title="Set Jellyfin server" onPress={handleSetLibrary} color={THEME_COLOR} />
+        </>
+    );
+}