frontend/src/pages/Profile.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

import React from 'react'
import DocumentTitle from 'react-document-title'
import { connect } from 'react-redux'
import { openDeleteProfileModal } from '../actions/modals/profile'
import AppNavbar from '../components/navigation/AppNavbar'
import DeleteProfileModal from '../containers/modals/DeleteProfileModal'

const ProfileContainer = ({ onDelete }) => (
    <DocumentTitle title="My Profile - OpenDC">
        <div className="full-height">
            <AppNavbar inSimulation={false} fullWidth={false} />
            <div className="container text-page-container full-height">
                <button className="btn btn-danger mb-2 ml-auto mr-auto" style={{ maxWidth: 300 }} onClick={onDelete}>
                    Delete my account on OpenDC
                </button>
                <p className="text-muted text-center">
                    This does not delete your Google account, but simply disconnects it from the OpenDC platform and
                    deletes any simulation info that is associated with you (simulations you own and any authorizations
                    you may have on other projects).
                </p>
            </div>
            <DeleteProfileModal />
        </div>
    </DocumentTitle>
)

const mapDispatchToProps = (dispatch) => {
    return {
        onDelete: () => dispatch(openDeleteProfileModal()),
    }
}

const Profile = connect(undefined, mapDispatchToProps)(ProfileContainer)

export default Profile