fix(topbar): fix conditional rendering of File Menu

Refs #2710

Author: char0n

src/standalone/topbar/topbar.jsx

@@ -334,16 +334,6 @@ export default class Topbar extends React.Component {
       }
     }
 
-    const saveAsElements = []
-
-    if(isJson) {
-      saveAsElements.push(<li><button type="button" onClick={this.saveAsJson}>Save as JSON</button></li>)
-      saveAsElements.push(<li><button type="button" onClick={this.saveAsYaml}>Convert and save as YAML</button></li>)
-    } else {
-      saveAsElements.push(<li><button type="button" onClick={this.saveAsYaml}>Save as YAML</button></li>)
-      saveAsElements.push(<li><button type="button" onClick={this.saveAsJson}>Convert and save as JSON</button></li>)
-    }
-
     return (
       <div className="swagger-editor-standalone">
         <div className="topbar">
@@ -355,7 +345,13 @@ export default class Topbar extends React.Component {
               <li><button type="button" onClick={this.importFromURL}>Import URL</button></li>
               <ImportFileMenuItem onDocumentLoad={content => this.props.specActions.updateSpec(content)} />
               <li role="separator"></li>
-              {saveAsElements}
+              {isJson ? [
+                  <li key="1"><button type="button" onClick={this.saveAsJson}>Save as JSON</button></li>,
+                  <li key="2"><button type="button" onClick={this.saveAsYaml}>Convert and save as YAML</button></li>
+              ] : [
+                  <li key="1"><button type="button" onClick={this.saveAsYaml}>Save as YAML</button></li>,
+                  <li key="2"><button type="button" onClick={this.saveAsJson}>Convert and save as JSON</button></li>
+              ]}
               <li role="separator"></li>
               <li><button type="button" onClick={this.clearEditor}>Clear editor</button></li>
             </DropdownMenu>