admin/imexmobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Go back to MD2 theme.

Browse Source
This commit is contained in:
Patrick Fic
2024-02-28 11:22:13 -08:00
parent 867fe621fb
commit e524edb005
2 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
App.js
View File

@@ -1,6 +1,6 @@
import { ApolloProvider } from "@apollo/client"; import { ApolloProvider } from "@apollo/client";
import React from "react"; import React from "react";
import { DefaultTheme, Provider as PaperProvider } from "react-native-paper"; import { MD2LightTheme as DefaultTheme, Provider as PaperProvider } from "react-native-paper";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import { PersistGate } from "redux-persist/integration/react"; import { PersistGate } from "redux-persist/integration/react";
import * as Sentry from '@sentry/react-native'; import * as Sentry from '@sentry/react-native';

39
components/upload-delete-switch/upload-delete-switch.component.jsx
View File

@@ -1,11 +1,12 @@
import React from "react"; import React from 'react';
import { useTranslation } from "react-i18next"; import { useTranslation } from 'react-i18next';
import { StyleSheet, Switch, Text, View } from "react-native"; import { StyleSheet, Text, View } from 'react-native';
import { connect } from "react-redux"; import { connect } from 'react-redux';
import { createStructuredSelector } from "reselect"; import { createStructuredSelector } from 'reselect';
import { logImEXEvent } from "../../firebase/firebase.analytics"; import { logImEXEvent } from '../../firebase/firebase.analytics';
import { toggleDeleteAfterUpload } from "../../redux/app/app.actions"; import { toggleDeleteAfterUpload } from '../../redux/app/app.actions';
import { selectDeleteAfterUpload } from "../../redux/app/app.selectors"; import { selectDeleteAfterUpload } from '../../redux/app/app.selectors';
import { Checkbox } from 'react-native-paper';
const mapStateToProps = createStructuredSelector({ const mapStateToProps = createStructuredSelector({
deleteAfterUpload: selectDeleteAfterUpload, deleteAfterUpload: selectDeleteAfterUpload,
@@ -24,26 +25,26 @@ export function UploadDeleteSwitch({
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Text style={styles.text}> <Text style={styles.text}>
{t("mediabrowser.labels.deleteafterupload")} {t('mediabrowser.labels.deleteafterupload')}
</Text> </Text>
<Switch <Checkbox
trackColor={{ false: "#767577", true: "#81b0ff" }} // trackColor={{ false: '#767577', true: '#81b0ff' }}
thumbColor={deleteAfterUpload ? "tomato" : "#f4f3f4"} // thumbColor={deleteAfterUpload ? 'tomato' : '#f4f3f4'}
ios_backgroundColor="#3e3e3e" // ios_backgroundColor='#3e3e3e'
onValueChange={() => { onPress={() => {
logImEXEvent("imexmobile_toggle_delete_after_upload"); logImEXEvent('imexmobile_toggle_delete_after_upload');
toggleDeleteAfterUpload(); toggleDeleteAfterUpload();
}} }}
value={deleteAfterUpload} status={deleteAfterUpload ? 'checked' : 'unchecked'}
/> />
</View> </View>
); );
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
display: "flex", display: 'flex',
flexDirection: "row", flexDirection: 'row',
alignItems: "center", alignItems: 'center',
margin: 10, margin: 10,
}, },