fix(EntryTitleInput): in event onblur if force is true it calls reset… (codesandbox#913)

* fix(EntryTitleInput): in event onblur if force is true it calls resetState

* chore(EntryTitleInput): remove return on call functions

* fix(EntryTitleInput): prioritize function rename and then after resetState

Author: emersonlaurentino

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/Entry/EntryTitleInput/index.js

@@ -40,7 +40,7 @@ export default class EntryTitleInput extends React.PureComponent {
       <InputContainer>
         <input
           onChange={this.handleChange}
-          onBlur={() => onCommit(this.state.currentValue, true)}
+          onBlur={() => onCommit(currentValue, true)}
           onKeyUp={this.handleKeyUp}
           ref={select}
           value={currentValue}

packages/app/src/app/pages/Sandbox/Editor/Workspace/Files/DirectoryEntry/Entry/index.js

@@ -42,14 +42,18 @@ class Entry extends React.PureComponent {
   };
 
   handleRename = (newTitle, force) => {
-    const { shortid, title } = this.props;
+    const { shortid, title, rename } = this.props;
+
     if (newTitle === title) return;
 
     const canRename = !this.handleValidateTitle(newTitle);
-    if (canRename && this.props.rename) {
-      this.props.rename(shortid, newTitle);
+
+    if (newTitle !== title && canRename && rename) {
+      rename(shortid, newTitle);
       this.resetState();
-    } else if (force) this.resetState();
+    } else if (force) {
+      this.resetState();
+    }
   };
 
   delete = () => {