From d6e9556893bb6a99284791f4ce591d098da16e0d Mon Sep 17 00:00:00 2001
From: raclim <43053081+raclim@users.noreply.github.com>
Date: Thu, 23 Mar 2023 14:49:18 -0400
Subject: [PATCH 1/2] add check for projectNameInput on project title click

---
 client/modules/IDE/components/Toolbar.jsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/client/modules/IDE/components/Toolbar.jsx b/client/modules/IDE/components/Toolbar.jsx
index fc6d1d95b6..9658c72223 100644
--- a/client/modules/IDE/components/Toolbar.jsx
+++ b/client/modules/IDE/components/Toolbar.jsx
@@ -18,6 +18,7 @@ class Toolbar extends React.Component {
     super(props);
     this.handleKeyPress = this.handleKeyPress.bind(this);
     this.handleProjectNameChange = this.handleProjectNameChange.bind(this);
+    this.handleProjectNameClick = this.handleProjectNameClick.bind(this);
     this.handleProjectNameSave = this.handleProjectNameSave.bind(this);
 
     this.state = {
@@ -36,6 +37,17 @@ class Toolbar extends React.Component {
     this.setState({ projectNameInputValue: event.target.value });
   }
 
+  handleProjectNameClick() {
+    if (this.canEditProjectName) {
+      this.props.showEditProjectName();
+      setTimeout(() => {
+        if (this.projectNameInput) {
+          this.projectNameInput.focus();
+        }
+      }, 140);
+    }
+  }
+
   handleProjectNameSave() {
     const newProjectName = this.state.projectNameInputValue.trim();
     if (newProjectName.length === 0) {
@@ -132,12 +144,7 @@ class Toolbar extends React.Component {
         <div className={nameContainerClass}>
           <button
             className="toolbar__project-name"
-            onClick={() => {
-              if (canEditProjectName) {
-                this.props.showEditProjectName();
-                setTimeout(() => this.projectNameInput.focus(), 140);
-              }
-            }}
+            onClick={this.handleProjectNameClick}
             disabled={!canEditProjectName}
             aria-label={this.props.t('Toolbar.EditSketchARIA')}
           >

From 0fc8a8acf63c512b03a36bdc8c0c22d88fdc5e1f Mon Sep 17 00:00:00 2001
From: raclim <43053081+raclim@users.noreply.github.com>
Date: Thu, 23 Mar 2023 14:50:51 -0400
Subject: [PATCH 2/2] expand propTypes for children of Button element to
 include string

---
 client/common/Button.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/common/Button.jsx b/client/common/Button.jsx
index f1f6cfe28c..b7f3c3bddd 100644
--- a/client/common/Button.jsx
+++ b/client/common/Button.jsx
@@ -257,7 +257,7 @@ Button.propTypes = {
    * The visible part of the button, telling the user what
    * the action is
    */
-  children: PropTypes.element,
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),
   /**
     If the button can be activated or not
   */