From 41c1613d109c14bbcfc8dd3d98df21d217c0f02d Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Fri, 4 Nov 2016 18:54:14 -0400
Subject: [PATCH] fix #191

---
 client/modules/IDE/components/Toolbar.js | 26 ++++++++++++++++++------
 client/modules/IDE/pages/IDEView.js      |  4 +++-
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/client/modules/IDE/components/Toolbar.js b/client/modules/IDE/components/Toolbar.js
index 13762062..fcc9dbaf 100644
--- a/client/modules/IDE/components/Toolbar.js
+++ b/client/modules/IDE/components/Toolbar.js
@@ -31,6 +31,12 @@ class Toolbar extends React.Component {
     }
   }
 
+  canEditProjectName() {
+    return (this.props.owner && this.props.owner.username
+      && this.props.owner.username === this.props.currentUser)
+      || !this.props.owner || !this.props.owner.username;
+  }
+
   render() {
     let playButtonClass = classNames({
       'toolbar__play-button': true,
@@ -89,12 +95,19 @@ class Toolbar extends React.Component {
         <div className={nameContainerClass}>
           <a
             className="toolbar__project-name"
-            onClick={() => {
-              this.originalProjectName = this.props.project.name;
-              this.props.showEditProjectName();
-              setTimeout(() => this.refs.projectNameInput.focus(), 0);
+            href={`/projects/${this.props.project.id}`}
+            onClick={(e) => {
+              if (this.canEditProjectName()) {
+                e.preventDefault();
+                this.originalProjectName = this.props.project.name;
+                this.props.showEditProjectName();
+                setTimeout(() => this.refs.projectNameInput.focus(), 0);
+              }
             }}
-          >{this.props.project.name} <InlineSVG className="toolbar__edit-name-button" src={editProjectNameUrl} alt="Edit Project Name" /></a>
+          >
+            {this.props.project.name}&nbsp;
+            {this.canEditProjectName() && <InlineSVG className="toolbar__edit-name-button" src={editProjectNameUrl} alt="Edit Project Name" />}
+          </a>
           <input
             type="text"
             className="toolbar__project-name-input"
@@ -155,7 +168,8 @@ Toolbar.propTypes = {
   autorefresh: PropTypes.bool.isRequired,
   setAutorefresh: PropTypes.func.isRequired,
   startSketchAndRefresh: PropTypes.func.isRequired,
-  saveProject: PropTypes.func.isRequired
+  saveProject: PropTypes.func.isRequired,
+  currentUser: PropTypes.string
 };
 
 export default Toolbar;
diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js
index 78e3f49a..a7864864 100644
--- a/client/modules/IDE/pages/IDEView.js
+++ b/client/modules/IDE/pages/IDEView.js
@@ -201,6 +201,7 @@ class IDEView extends React.Component {
           setAutorefresh={this.props.setAutorefresh}
           startSketchAndRefresh={this.props.startSketchAndRefresh}
           saveProject={this.props.saveProject}
+          currentUser={this.props.user.username}
         />
         <Preferences
           isVisible={this.props.ide.preferencesIsVisible}
@@ -451,7 +452,8 @@ IDEView.propTypes = {
   getProject: PropTypes.func.isRequired,
   user: PropTypes.shape({
     authenticated: PropTypes.bool.isRequired,
-    id: PropTypes.string
+    id: PropTypes.string,
+    username: PropTypes.string
   }).isRequired,
   newProject: PropTypes.func.isRequired,
   saveProject: PropTypes.func.isRequired,