53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
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";
|
|
import { toggleDeleteAfterUpload } from "../../redux/app/app.actions";
|
|
import { selectDeleteAfterUpload } from "../../redux/app/app.selectors";
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
deleteAfterUpload: selectDeleteAfterUpload,
|
|
});
|
|
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
toggleDeleteAfterUpload: () => dispatch(toggleDeleteAfterUpload()),
|
|
});
|
|
|
|
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>
|
|
);
|
|
}
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
display: "flex",
|
|
flexDirection: "row",
|
|
alignItems: "center",
|
|
margin: 10,
|
|
},
|
|
|
|
text: {
|
|
flex: 1,
|
|
},
|
|
});
|
|
export default connect(mapStateToProps, mapDispatchToProps)(UploadDeleteSwitch);
|