Implement dynamic web page document title change

1 files changed, 11 insertions, 8 deletions

diff --git a/src/pages/Simulations.js b/src/pages/Simulations.js
index d06fe43d..5ca48435 100644
--- a/src/pages/Simulations.js
+++ b/src/pages/Simulations.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import DocumentTitle from "react-document-title";
 import {connect} from "react-redux";
 import {openNewSimulationModal} from "../actions/modals/simulations";
 import {fetchAuthorizationsOfCurrentUser} from "../actions/users";
@@ -15,15 +16,17 @@ class SimulationsContainer extends React.Component {
 
     render() {
         return (
-            <div className="full-height">
-                <AppNavbar inSimulation={false}/>
-                <div className="container text-page-container full-height">
-                    <SimulationFilterPanel/>
-                    <VisibleSimulationList/>
-                    <NewSimulationButtonContainer/>
+            <DocumentTitle title="My Simulations - OpenDC">
+                <div className="full-height">
+                    <AppNavbar inSimulation={false}/>
+                    <div className="container text-page-container full-height">
+                        <SimulationFilterPanel/>
+                        <VisibleSimulationList/>
+                        <NewSimulationButtonContainer/>
+                    </div>
+                    <NewSimulationModal/>
                 </div>
-                <NewSimulationModal/>
-            </div>
+            </DocumentTitle>
         );
     }
 }