Updated settings screen.

components/settings/upload-delete-switch.jsx

@@ -1,6 +1,4 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
-import { StyleSheet, Text, View } from "react-native";
 import { Switch } from "react-native-paper";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -19,35 +17,14 @@ export function UploadDeleteSwitch({
   deleteAfterUpload,
   toggleDeleteAfterUpload,
 }) {
-
-  const { t } = useTranslation();
   return (
-    <View style={styles.container}>
-      <Text style={styles.text}>
-        {t("mediabrowser.labels.deleteafterupload")}
-      </Text>
-      <Switch
-        // trackColor={{ false: '#767577', true: '#81b0ff' }}
-        // thumbColor={deleteAfterUpload ? 'tomato' : '#f4f3f4'}
-        //ios_backgroundColor="#3e3e3e"
-        onValueChange={() => {
-          toggleDeleteAfterUpload();
-        }}
-        value={deleteAfterUpload}
-      />
-    </View>
+    <Switch
+      onValueChange={() => {
+        toggleDeleteAfterUpload();
+      }}
+      value={deleteAfterUpload}
+    />
   );
 }
-const styles = StyleSheet.create({
-  container: {
-    display: "flex",
-    flexDirection: "row",
-    alignItems: "center",
-    margin: 10,
-  },
 
-  text: {
-    flex: 1,
-  },
-});
 export default connect(mapStateToProps, mapDispatchToProps)(UploadDeleteSwitch);