ui: Update React dependencies

This change updates the React dependencies to version 17, in order to
keep up to date with React.

1 files changed, 15 insertions, 20 deletions

diff --git a/opendc-web/opendc-web-ui/src/pages/Profile.js b/opendc-web/opendc-web-ui/src/pages/Profile.js
index 1e817037..ea781686 100644
--- a/opendc-web/opendc-web-ui/src/pages/Profile.js
+++ b/opendc-web/opendc-web-ui/src/pages/Profile.js
@@ -1,35 +1,30 @@
 import React from 'react'
-import DocumentTitle from 'react-document-title'
 import { useDispatch } from 'react-redux'
 import { openDeleteProfileModal } from '../actions/modals/profile'
 import DeleteProfileModal from '../containers/modals/DeleteProfileModal'
 import AppNavbarContainer from '../containers/navigation/AppNavbarContainer'
+import { useDocumentTitle } from '../util/hooks'
 
 const Profile = () => {
     const dispatch = useDispatch()
     const onDelete = () => dispatch(openDeleteProfileModal())
 
+    useDocumentTitle('My Profile - OpenDC')
     return (
-        <DocumentTitle title="My Profile - OpenDC">
-            <div className="full-height">
-                <AppNavbarContainer 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 project info that is associated with you (projects you own and any authorizations
-                        you may have on other projects).
-                    </p>
-                </div>
-                <DeleteProfileModal />
+        <div className="full-height">
+            <AppNavbarContainer 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 project info that is associated with you (projects you own and any authorizations you
+                    may have on other projects).
+                </p>
             </div>
-        </DocumentTitle>
+            <DeleteProfileModal />
+        </div>
     )
 }