Lisa Hillebrand
34 lines
892 B
JavaScript
34 lines
892 B
JavaScript
import React, { useState } from 'react'
|
|
|
|
import AppLoadingView from '../../common/app-loading'
|
|
import AppPage from '../../common/app-page'
|
|
import DeleteData from './DeleteData'
|
|
import ImportData from './ImportData'
|
|
import ExportData from './ExportData'
|
|
|
|
const DataManagement = () => {
|
|
const [isLoading, setIsLoading] = useState(false)
|
|
const [isDeletingData, setIsDeletingData] = useState(false)
|
|
|
|
if (isLoading) return <AppLoadingView />
|
|
|
|
return (
|
|
<AppPage>
|
|
<ExportData
|
|
resetIsDeletingData={() => setIsDeletingData(false)}
|
|
setIsLoading={setIsLoading}
|
|
/>
|
|
<ImportData
|
|
resetIsDeletingData={() => setIsDeletingData(false)}
|
|
setIsLoading={setIsLoading}
|
|
/>
|
|
<DeleteData
|
|
isDeletingData={isDeletingData}
|
|
onStartDeletion={() => setIsDeletingData(true)}
|
|
/>
|
|
</AppPage>
|
|
)
|
|
}
|
|
|
|
export default DataManagement
|