adds delete app data functionality

This commit is contained in:
mashazyu
2019-01-03 23:37:15 +01:00
parent d7c4932ec2
commit cb95c98031
6 changed files with 205 additions and 28 deletions
+42 -26
View File
@@ -1,35 +1,51 @@
import React from 'react'
import React, { Component } from 'react'
import { ScrollView } from 'react-native'
import labels from '../../../i18n/en/settings'
import AppText from '../../app-text'
import SettingsSegment from '../settings-segment'
import SettingsButton from '../settings-button'
import openImportDialogAndImport from './import-dialog'
import openShareDialogAndExport from './export-dialog'
import { isDbEmpty } from '../../../db'
import DeleteData from './delete-data'
import labels from '../../../i18n/en/settings'
const Settings = () => {
return (
<ScrollView>
<SettingsSegment title={labels.export.button}>
<AppText>{labels.export.segmentExplainer}</AppText>
<SettingsButton onPress={openShareDialogAndExport}>
{labels.export.button}
</SettingsButton>
</SettingsSegment>
<SettingsSegment title={labels.import.button}>
<AppText>{labels.import.segmentExplainer}</AppText>
<SettingsButton onPress={openImportDialogAndImport}>
{labels.import.button}
</SettingsButton>
</SettingsSegment>
<SettingsSegment title={labels.deleteSegment.title}>
<AppText>{labels.deleteSegment.explainer}</AppText>
<SettingsButton onPress={openImportDialogAndImport}>
{labels.deleteSegment.title}
</SettingsButton>
</SettingsSegment>
</ScrollView>
)
class DataManagement extends Component {
constructor() {
super()
this.state = {
isDataEmpty: isDbEmpty()
}
}
onDeleteData = () => {
this.setState({
isDataEmpty: true
})
}
render() {
return (
<ScrollView>
<SettingsSegment title={labels.export.button}>
<AppText>{labels.export.segmentExplainer}</AppText>
<SettingsButton onPress={openShareDialogAndExport}>
{labels.export.button}
</SettingsButton>
</SettingsSegment>
<SettingsSegment title={labels.import.button}>
<AppText>{labels.import.segmentExplainer}</AppText>
<SettingsButton onPress={openImportDialogAndImport}>
{labels.import.button}
</SettingsButton>
</SettingsSegment>
{!isDbEmpty() && (
<SettingsSegment title={labels.deleteSegment.title}>
<AppText>{labels.deleteSegment.explainer}</AppText>
<DeleteData onDeleteData={this.onDeleteData} />
</SettingsSegment>
)}
</ScrollView>
)
}
}
export default Settings
export default DataManagement