move default project name handling fully into gui

src/components/menu-bar/project-title-input.jsx

@@ -4,7 +4,6 @@ import PropTypes from 'prop-types';
 import bindAll from 'lodash.bindall';
 import React from 'react';
 import {defineMessages, intlShape, injectIntl} from 'react-intl';
-import sharedMessages from '../../lib/shared-messages';
 
 import BufferedInputHOC from '../forms/buffered-input-hoc.jsx';
 import Input from '../forms/input.jsx';
@@ -42,10 +41,7 @@ class ProjectTitleInput extends React.Component {
                 placeholder={this.props.intl.formatMessage(messages.projectTitlePlaceholder)}
                 tabIndex="0"
                 type="text"
-                value={this.props.projectTitle ?
-                    this.props.projectTitle :
-                    this.props.intl.formatMessage(sharedMessages.defaultProjectTitle)
-                }
+                value={this.props.projectTitle}
                 onSubmit={this.handleUpdateProjectTitle}
             />
         );

src/containers/gui.jsx

@@ -4,7 +4,7 @@ import {compose} from 'redux';
 import {connect} from 'react-redux';
 import ReactModal from 'react-modal';
 import VM from 'scratch-vm';
-import {injectIntl, intlShape} from 'react-intl';
+import {defineMessages, injectIntl, intlShape} from 'react-intl';
 
 import ErrorBoundaryHOC from '../lib/error-boundary-hoc.jsx';
 import {openExtensionLibrary} from '../reducers/modals';
@@ -30,10 +30,17 @@ import ProjectFetcherHOC from '../lib/project-fetcher-hoc.jsx';
 import ProjectSaverHOC from '../lib/project-saver-hoc.jsx';
 import vmListenerHOC from '../lib/vm-listener-hoc.jsx';
 import vmManagerHOC from '../lib/vm-manager-hoc.jsx';
-import sharedMessages from '../lib/shared-messages';
 
 import GUIComponent from '../components/gui/gui.jsx';
 
+const messages = defineMessages({
+    defaultProjectTitle: {
+        id: 'gui.gui.defaultProjectTitle',
+        description: 'Default title for project',
+        defaultMessage: 'Scratch Project'
+    }
+});
+
 class GUI extends React.Component {
     componentDidMount () {
         this.setReduxTitle(this.props.projectTitle);
@@ -49,7 +56,7 @@ class GUI extends React.Component {
     setReduxTitle (newTitle) {
         if (newTitle === null || typeof newTitle === 'undefined') {
             this.props.onUpdateReduxProjectTitle(
-                this.props.intl.formatMessage(sharedMessages.defaultProjectTitle)
+                this.props.intl.formatMessage(messages.defaultProjectTitle)
             );
         } else {
             this.props.onUpdateReduxProjectTitle(newTitle);

src/lib/shared-messages.js

@@ -20,10 +20,5 @@ export default defineMessages({
         defaultMessage: 'pop',
         description: 'Name of the pop sound, the default sound added to a sprite',
         id: 'gui.sharedMessages.pop'
-    },
-    defaultProjectTitle: {
-        id: 'gui.gui.defaultProjectTitle',
-        description: 'Default title for project',
-        defaultMessage: 'Scratch Project'
     }
 });

src/lib/titled-hoc.jsx

@@ -13,7 +13,7 @@ const TitledHOC = function (WrappedComponent) {
                 'handleUpdateProjectTitle'
             ]);
             this.state = {
-                projectTitle: ''
+                projectTitle: null
             };
         }
         handleUpdateProjectTitle (newTitle) {