Implement dynamic web page document title change

1 files changed, 15 insertions, 11 deletions

diff --git a/src/pages/Profile.js b/src/pages/Profile.js
index c8805c6f..6d09dc89 100644
--- a/src/pages/Profile.js
+++ b/src/pages/Profile.js
@@ -1,22 +1,26 @@
 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}) => (
-    <div className="full-height">
-        <AppNavbar inSimulation={false}/>
-        <div className="container text-page-container full-height">
-            <button className="btn btn-danger" onClick={onDelete}>Delete my account on OpenDC</button>
-            <p>
-                This does not delete your Google account, it simply disconnects it from the OpenDC app and deletes any
-                simulation info that is associated with you (simulations you own, and any authorizations you may
-                have on other projects).
-            </p>
+    <DocumentTitle title="My Profile - OpenDC">
+        <div className="full-height">
+            <AppNavbar inSimulation={false}/>
+            <div className="container text-page-container full-height">
+                <button className="btn btn-danger" onClick={onDelete}>Delete my account on OpenDC</button>
+                <p>
+                    This does not delete your Google account, it simply disconnects it from the OpenDC app 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>
-        <DeleteProfileModal/>
-    </div>
+    </DocumentTitle>
 );
 
 const mapDispatchToProps = dispatch => {