From 60652645ced6a85d6421969a2b8ea2b459d194bd Mon Sep 17 00:00:00 2001
From: Thomas Weber <weber_t@mailbox.org>
Date: Sat, 19 Sep 2020 15:19:39 -0500
Subject: [PATCH] Update title fetching

- rename HOC
- ste project title to title
---
 ...w-title-hoc.jsx => tw-title-fetcher-hoc.jsx} | 17 ++++++++++-------
 src/playground/render-interface.jsx             |  4 ++--
 2 files changed, 12 insertions(+), 9 deletions(-)
 rename src/lib/{tw-title-hoc.jsx => tw-title-fetcher-hoc.jsx} (83%)

diff --git a/src/lib/tw-title-hoc.jsx b/src/lib/tw-title-fetcher-hoc.jsx
similarity index 83%
rename from src/lib/tw-title-hoc.jsx
rename to src/lib/tw-title-fetcher-hoc.jsx
index 05187d1bb..a1ae28b70 100644
--- a/src/lib/tw-title-hoc.jsx
+++ b/src/lib/tw-title-fetcher-hoc.jsx
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 
 import {getIsShowingWithId} from '../reducers/project-state';
+import {setProjectTitle} from '../reducers/project-title';
 
 const API_URL = 'https://trampoline.turbowarp.org/proxy/projects/$id';
 
@@ -15,8 +16,8 @@ const fetchProjectTitle = projectId => fetch(API_URL.replace('$id', projectId))
         return '';
     });
 
-const TWTitleHOC = function (WrappedComponent) {
-    class TitleComponent extends React.Component {
+const TWTitleFetcherHOC = function (WrappedComponent) {
+    class TitleFetcherComponent extends React.Component {
         componentDidMount () {
             this.initialTitle = document.title;
         }
@@ -35,6 +36,7 @@ const TWTitleHOC = function (WrappedComponent) {
                             return;
                         }
                         document.title = `${title} - TurboWarp`;
+                        this.props.onSetProjectTitle(title);
                     })
                     .catch(() => {
                         // ignore errors
@@ -61,9 +63,10 @@ const TWTitleHOC = function (WrappedComponent) {
             );
         }
     }
-    TitleComponent.propTypes = {
+    TitleFetcherComponent.propTypes = {
         isShowingWithId: PropTypes.bool,
-        projectId: PropTypes.string
+        projectId: PropTypes.string,
+        onSetProjectTitle: PropTypes.func
     };
     const mapStateToProps = state => {
         const loadingState = state.scratchGui.projectState.loadingState;
@@ -73,14 +76,14 @@ const TWTitleHOC = function (WrappedComponent) {
         };
     };
     const mapDispatchToProps = dispatch => ({
-
+        onSetProjectTitle: title => dispatch(setProjectTitle(title))
     });
     return connect(
         mapStateToProps,
         mapDispatchToProps
-    )(TitleComponent);
+    )(TitleFetcherComponent);
 };
 
 export {
-    TWTitleHOC as default
+    TWTitleFetcherHOC as default
 };
diff --git a/src/playground/render-interface.jsx b/src/playground/render-interface.jsx
index daee67cc2..e3520a8a7 100644
--- a/src/playground/render-interface.jsx
+++ b/src/playground/render-interface.jsx
@@ -5,7 +5,7 @@ import {connect} from 'react-redux';
 import {compose} from 'redux';
 import AppStateHOC from '../lib/app-state-hoc.jsx';
 import TWParserHOC from '../lib/tw-parser-hoc.jsx';
-import TWTitleHOC from '../lib/tw-title-hoc.jsx';
+import TWTitleFetcherHOC from '../lib/tw-title-fetcher-hoc.jsx';
 import TWEditorWarningHOC from '../lib/tw-editor-warning-hoc.jsx';
 
 import GUI from './render-gui.jsx';
@@ -75,7 +75,7 @@ const ConnectedInterface = connect(
 const WrappedInterface = compose(
     AppStateHOC,
     TWParserHOC,
-    TWTitleHOC,
+    TWTitleFetcherHOC,
     TWEditorWarningHOC
 )(ConnectedInterface);