import React from 'react'
import PropTypes from 'prop-types'
import { getCycleDaysSortedByDate, mapRealmObjToJsObj } from '../../../db'
import getDataAsCsvDataUri from '../../../lib/import-export/export-to-csv'
import alertError from '../common/alert-error'
import { EXPORT_FILE_NAME } from './constants'
import RNFS from 'react-native-fs'
import { useTranslation } from 'react-i18next'

import AppText from '../../common/app-text'
import Button from '../../common/button'
import Segment from '../../common/segment'
import Share from 'react-native-share'

export default function ExportData({ setIsLoading, resetIsDeletingData }) {
  const { t } = useTranslation(null, {
    keyPrefix: 'hamburgerMenu.settings.data.export',
  })

  async function startExport() {
    resetIsDeletingData()
    setIsLoading(true)
    await exportData()
    setIsLoading(false)
  }

  async function getData() {
    const cycleDaysByDate = mapRealmObjToJsObj(getCycleDaysSortedByDate())

    try {
      return cycleDaysByDate.length
        ? getDataAsCsvDataUri(cycleDaysByDate)
        : null
    } catch (err) {
      alertError(t('error.convert'))
      return null
    }
  }

  async function exportData() {
    const data = await getData()
    if (!data) {
      alertError(t('error.data'))
      return
    }

    try {
      const path = `${RNFS.DocumentDirectoryPath}/${EXPORT_FILE_NAME}`
      await RNFS.writeFile(path, data)

      await Share.open({
        title: t('title'),
        url: `file://${path}`,
        subject: t('title'),
        type: 'text/csv',
        showAppsToView: true,
        failOnCancel: false,
      })
    } catch (err) {
      return alertError(t('error.share'))
    }
  }

  return (
    <Segment title={t('button')}>
      <AppText>{t('text')}</AppText>
      <Button isCTA onPress={startExport}>
        {t('button')}
      </Button>
    </Segment>
  )
}

ExportData.propTypes = {
  resetIsDeletingData: PropTypes.func.isRequired,
  setIsLoading: PropTypes.func.isRequired,
}