status-im
/
embark-area-51
mirror of https://github.com/status-im/embark-area-51.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix tabs

This commit is contained in:
Jonathan Rainville 2018-10-24 16:03:40 -04:00
parent e268c5b8c8
commit d8145e80b1
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
embark-ui/src/components/TextEditor.js
View File

@ -132,9 +132,14 @@ class TextEditor extends React.Component {
return ( return (
<ul className="list-inline m-0 p-2"> <ul className="list-inline m-0 p-2">
{this.props.editorTabs.map(file => ( {this.props.editorTabs.map(file => (
<li key={file.name} className={classNames("list-inline-item", "border-right", "p-2", { 'bg-dark': file.name === this.props.currentFile.name })}> <li key={file.name} className={classNames("list-inline-item")}>
<a className="text-white no-underline" href="#switch-tab" onClick={() => this.props.addEditorTabs(file)}>{file.name}</a> <a className={classNames({'text-body': file.name !== this.props.currentFile.name},
<FontAwesomeIcon onClick={() => this.props.removeEditorTabs(file)} className="mx-1" name="close" /> {'text-primary': file.name === this.props.currentFile.name}, "border-right", "p-2", "d-inline-block")}
href="#switch-tab" onClick={() => this.props.addEditorTabs(file)}>
{file.name}
<FontAwesomeIcon onClick={() => this.props.removeEditorTabs(file)} className="mx-1" name="close"/>
</a>
</li> </li>
))} ))}
</ul> </ul>
@ -145,7 +150,7 @@ class TextEditor extends React.Component {
return ( return (
<div className="h-100 d-flex flex-column"> <div className="h-100 d-flex flex-column">
{this.renderTabs()} {this.renderTabs()}
<div style={{height: '100%'}} id={EDITOR_ID} /> <div style={{height: '100%'}} id={EDITOR_ID}/>
</div> </div>
); );
} }