618 Refactor import section to use translation lib

2022-11-06 14:47:05 +00:00
parent b56e0818f3
commit 446638d6de
8 changed files with 143 additions and 120 deletions
@@ -0,0 +1,49 @@
+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 openShareDialogAndExport from './export-dialog'
+import DeleteData from './delete-data'
+
+import labels from '../../../i18n/en/settings'
+import ImportData from './ImportData'
+
+const DataManagement = () => {
+  const [isLoading, setIsLoading] = useState(false)
+  const [isDeletingData, setIsDeletingData] = useState(false)
+
+  const startExport = () => {
+    setIsDeletingData(false)
+    openShareDialogAndExport()
+  }
+
+  if (isLoading) return <AppLoadingView />
+
+  return (
+    <AppPage>
+      <Segment title={labels.export.button}>
+        <AppText>{labels.export.segmentExplainer}</AppText>
+        <Button isCTA onPress={startExport}>
+          {labels.export.button}
+        </Button>
+      </Segment>
+      <ImportData
+        resetIsDeletingData={() => setIsDeletingData(false)}
+        setIsLoading={setIsLoading}
+      />
+      <Segment title={labels.deleteSegment.title} last>
+        <AppText>{labels.deleteSegment.explainer}</AppText>
+        <DeleteData
+          isDeletingData={isDeletingData}
+          onStartDeletion={() => setIsDeletingData(true)}
+        />
+      </Segment>
+    </AppPage>
+  )
+}
+
+export default DataManagement