@@ -4,10 +4,13 @@ import { usePage } from '../../../lib/stores/pageStore'
44import { LoadingButton } from '../../../../design/components/atoms/Button'
55import { exportWorkspace } from '../../../api/teams/export'
66import Flexbox from '../../../../design/components/atoms/Flexbox'
7+ import { useI18n } from '../../../lib/hooks/useI18n'
8+ import { lngKeys } from '../../../lib/i18n/types'
79
810const ExportModal = ( ) => {
911 const { team } = usePage ( )
1012 const [ sending , setSending ] = useState ( false )
13+ const { translate } = useI18n ( )
1114
1215 const handleExportClick = useCallback ( async ( ) => {
1316 if ( team == null || sending ) {
@@ -40,18 +43,18 @@ const ExportModal = () => {
4043 return (
4144 < Container className = 'export__modal' >
4245 < header className = 'export__modal__header' >
43- < div className = 'export__modal__title' > Export your space data</ div >
46+ < div className = 'export__modal__title' >
47+ { translate ( lngKeys . ExportTitle ) }
48+ </ div >
4449 </ header >
4550 < p className = 'export__modal__description' >
46- The service for boostnote is planned to be retired at the end of
47- September. We recommend exporting your space's data so that you do
48- not lose any of your information.
51+ { translate ( lngKeys . ExportSubtitle ) }
4952 </ p >
50- < p > Here is an overview of what can be exported: </ p >
53+ < p > { translate ( lngKeys . ExportContent ) } </ p >
5154 < ul >
52- < li > Public & your accessible private Folders & documents hierarchy </ li >
53- < li > Your Documents' content </ li >
54- < li > Your Documents'attachments </ li >
55+ < li > { translate ( lngKeys . ExportContentOne ) } </ li >
56+ < li > { translate ( lngKeys . ExportContentTwo ) } </ li >
57+ < li > { translate ( lngKeys . ExportContentThree ) } </ li >
5558 </ ul >
5659
5760 < Flexbox justifyContent = 'center' >
@@ -60,7 +63,7 @@ const ExportModal = () => {
6063 spinning = { sending }
6164 onClick = { handleExportClick }
6265 >
63- Download ZIP
66+ { translate ( lngKeys . ExportDownload ) }
6467 </ LoadingButton >
6568 </ Flexbox >
6669 </ Container >
0 commit comments