CaptainFact / captain-fact-frontend / 12789257986

import { Flex } from '@rebass/grid'

import React from 'react'

import { withNamespaces } from 'react-i18next'

import { connect } from 'react-redux'

import { deleteUserAccount } from '../../API/http_api/current_user'

import { addModal, popModal } from '../../state/modals/reducer'

import UserLanguageSelector from '../LoggedInUser/UserLanguageSelector'

import { withLoggedInUser } from '../LoggedInUser/UserProvider'

import Button from '../Utils/Button'

import { LoadingFrame } from '../Utils/LoadingFrame'

import DeleteUserModal from './DeleteUserModal'

import EditUserForm from './EditUserForm'

@withNamespaces('user')

@withLoggedInUser

export default class UserSettings extends React.PureComponent {

  render() {

      <LoadingFrame />

    ) : (

      <div className="section">

        <div className="has-text-centered">

          <h3 className="title is-3">{t('accountSettings')}</h3>

        </div>

        <EditUserForm />

        <br />

        <hr />

        <div className="has-text-centered">

          <h3 className="title is-3">{t('main:menu.language')}</h3>

          <Flex justifyContent="center">

            <UserLanguageSelector />

          </Flex>

        </div>

        <br />

        <hr />

        <br />

        <div className="has-text-centered">

          <h3 className="title is-3">{t('dangerZone')}</h3>

          <Button

            className="is-danger"

            onClick={() =>

                Modal: DeleteUserModal,

                props: {

                  handleConfirm: () => {

                    })

                  },

                },

              })

            }

          >

            {t('deleteAccount')}

          </Button>

        </div>

      </div>

    )

  }

}