diff --git a/App.js b/App.js index a25d145..d41b9e5 100644 --- a/App.js +++ b/App.js @@ -1,6 +1,6 @@ import { ApolloProvider } from "@apollo/client"; 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 { PersistGate } from "redux-persist/integration/react"; import * as Sentry from '@sentry/react-native'; diff --git a/components/upload-delete-switch/upload-delete-switch.component.jsx b/components/upload-delete-switch/upload-delete-switch.component.jsx index 7195c0b..2eef2e4 100644 --- a/components/upload-delete-switch/upload-delete-switch.component.jsx +++ b/components/upload-delete-switch/upload-delete-switch.component.jsx @@ -1,11 +1,12 @@ -import React from "react"; -import { useTranslation } from "react-i18next"; -import { StyleSheet, Switch, Text, View } from "react-native"; -import { connect } from "react-redux"; -import { createStructuredSelector } from "reselect"; -import { logImEXEvent } from "../../firebase/firebase.analytics"; -import { toggleDeleteAfterUpload } from "../../redux/app/app.actions"; -import { selectDeleteAfterUpload } from "../../redux/app/app.selectors"; +import React from 'react'; +import { useTranslation } from 'react-i18next'; +import { StyleSheet, Text, View } from 'react-native'; +import { connect } from 'react-redux'; +import { createStructuredSelector } from 'reselect'; +import { logImEXEvent } from '../../firebase/firebase.analytics'; +import { toggleDeleteAfterUpload } from '../../redux/app/app.actions'; +import { selectDeleteAfterUpload } from '../../redux/app/app.selectors'; +import { Checkbox } from 'react-native-paper'; const mapStateToProps = createStructuredSelector({ deleteAfterUpload: selectDeleteAfterUpload, @@ -24,26 +25,26 @@ export function UploadDeleteSwitch({ return ( - {t("mediabrowser.labels.deleteafterupload")} + {t('mediabrowser.labels.deleteafterupload')} - { - logImEXEvent("imexmobile_toggle_delete_after_upload"); + { + logImEXEvent('imexmobile_toggle_delete_after_upload'); toggleDeleteAfterUpload(); }} - value={deleteAfterUpload} + status={deleteAfterUpload ? 'checked' : 'unchecked'} /> ); } const styles = StyleSheet.create({ container: { - display: "flex", - flexDirection: "row", - alignItems: "center", + display: 'flex', + flexDirection: 'row', + alignItems: 'center', margin: 10, },