change to <> icon

Author: ShMcK

lib/atom/editor.js

@@ -101,6 +101,7 @@ function toggleDevTools() {
     if (!consoleHasOpened) {
         atom.executeJavaScriptInDevTools(console.clear());
         consoleHasOpened = true;
+        console.log('Atom-CodeRoad: file runs on save');
     }
     atom.toggleDevTools();
 }

lib/components/page/toolbar.js

@@ -18,6 +18,7 @@ var react_redux_1 = require('react-redux');
 var Action = require('../../actions/actions');
 var material_ui_1 = require('material-ui');
 var editor_1 = require('../../atom/editor');
+var Code = require('material-ui/lib/svg-icons/action/code');
 var ProgressBar = function (_a) {
     var progress = _a.progress;
     return React.createElement(material_ui_1.LinearProgress, {mode: 'determinate', value: progress, style: { height: '10px' }});
@@ -42,7 +43,7 @@ var default_1 = (function (_super) {
     default_1.prototype.render = function () {
         var _a = this.props, tasks = _a.tasks, taskPosition = _a.taskPosition;
         var progress = taskProgress(taskPosition, tasks.length);
-        return (React.createElement("section", {className: 'cr-page-toolbar'}, React.createElement(ProgressBar, {progress: progress}), React.createElement(material_ui_1.Toolbar, null, React.createElement(material_ui_1.ToolbarGroup, {float: 'left'}, React.createElement(material_ui_1.FlatButton, {label: 'Log', onTouchTap: editor_1.toggleDevTools})), React.createElement(material_ui_1.ToolbarGroup, {float: 'right'}, this.getButton()))));
+        return (React.createElement("section", {className: 'cr-page-toolbar'}, React.createElement(ProgressBar, {progress: progress}), React.createElement(material_ui_1.Toolbar, null, React.createElement(material_ui_1.ToolbarGroup, {float: 'left'}, React.createElement(material_ui_1.FlatButton, {icon: React.createElement(Code, null), onTouchTap: editor_1.toggleDevTools})), React.createElement(material_ui_1.ToolbarGroup, {float: 'right'}, this.getButton()))));
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

src/atom/editor.ts

@@ -111,9 +111,10 @@ export function openFolder() {
 let consoleHasOpened = false;
 export function toggleDevTools() {
   if (!consoleHasOpened) {
+    // clear console on first run
     atom.executeJavaScriptInDevTools(console.clear());
     consoleHasOpened = true;
-    console.log('Atom-CodeRoad: file runs on save')
+    console.log('Atom-CodeRoad: runs on save')
   }
   atom.toggleDevTools();
 }

src/components/page/toolbar.tsx

@@ -4,6 +4,7 @@ import * as Action from '../../actions/actions';
 import {LinearProgress, Toolbar, ToolbarGroup, RaisedButton, FlatButton} from 'material-ui';
 import {save, toggleDevTools} from '../../atom/editor';
 import {store} from '../../_base';
+const Code = require('material-ui/lib/svg-icons/action/code');
 
 const ProgressBar = ({progress}) => <LinearProgress mode='determinate'
  value={progress} style={{height: '10px'}}/>;
@@ -42,7 +43,7 @@ export default class extends React.Component<{
       <Toolbar>
 
       <ToolbarGroup float='left'>
-        <FlatButton label='Log' onTouchTap={toggleDevTools} />
+        <FlatButton icon={<Code />} onTouchTap={toggleDevTools} />
       </ToolbarGroup>
 
       <ToolbarGroup float='right'>