Sofiya Tepikin
69 lines
2.0 KiB
JavaScript
69 lines
2.0 KiB
JavaScript
import React, { useState } from 'react'
|
|
|
|
import AppLoadingView from '../../common/app-loading'
|
|
import AppPage from '../../common/app-page'
|
|
import AppText from '../../common/app-text'
|
|
import Button from '../../common/button'
|
|
import Segment from '../../common/segment'
|
|
|
|
import { openImportDialog, getFileContent, importData } from './import-dialog'
|
|
import openShareDialogAndExport from './export-dialog'
|
|
import DeleteData from './delete-data'
|
|
|
|
import labels from '../../../i18n/en/settings'
|
|
import { ACTION_DELETE, ACTION_EXPORT, ACTION_IMPORT } from '../../../config'
|
|
|
|
const DataManagement = () => {
|
|
const [isLoading, setIsLoading] = useState(false)
|
|
const [currentAction, setCurrentAction] = useState(null)
|
|
|
|
const startImportFlow = async (shouldDeleteExistingData) => {
|
|
setIsLoading(true)
|
|
const fileContent = await getFileContent()
|
|
if (fileContent) {
|
|
await importData(shouldDeleteExistingData, fileContent)
|
|
}
|
|
setIsLoading(false)
|
|
}
|
|
|
|
const startExport = () => {
|
|
setCurrentAction(ACTION_EXPORT)
|
|
openShareDialogAndExport()
|
|
}
|
|
|
|
const startImport = () => {
|
|
setCurrentAction(ACTION_IMPORT)
|
|
openImportDialog(startImportFlow)
|
|
}
|
|
|
|
if (isLoading) return <AppLoadingView />
|
|
|
|
const isDeletingData = currentAction === ACTION_DELETE
|
|
|
|
return (
|
|
<AppPage>
|
|
<Segment title={labels.export.button}>
|
|
<AppText>{labels.export.segmentExplainer}</AppText>
|
|
<Button isCTA onPress={startExport}>
|
|
{labels.export.button}
|
|
</Button>
|
|
</Segment>
|
|
<Segment title={labels.import.button}>
|
|
<AppText>{labels.import.segmentExplainer}</AppText>
|
|
<Button isCTA onPress={startImport}>
|
|
{labels.import.button}
|
|
</Button>
|
|
</Segment>
|
|
<Segment title={labels.deleteSegment.title} last>
|
|
<AppText>{labels.deleteSegment.explainer}</AppText>
|
|
<DeleteData
|
|
isDeletingData={isDeletingData}
|
|
onStartDeletion={() => setCurrentAction(ACTION_DELETE)}
|
|
/>
|
|
</Segment>
|
|
</AppPage>
|
|
)
|
|
}
|
|
|
|
export default DataManagement
|