1 files changed, 40 insertions, 0 deletions
diff --git a/frontend/src/pages/Profile.js b/frontend/src/pages/Profile.js
new file mode 100644
index 00000000..106ec97e
--- /dev/null
+++ b/frontend/src/pages/Profile.js
@@ -0,0 +1,40 @@
+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;