embarklabs/embark
2
0
Fork 0
mirror of https://github.com/embarklabs/embark.git synced 2025-02-18 08:36:51 +00:00
Code Issues Projects Releases Wiki Activity

Refactor the right navigation

Browse Source
This commit is contained in:
Andre Medeiros 2018-10-24 13:37:40 -04:00
parent 7eb87f1a25
commit 69482bda42
1 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
embark-ui/src/components/TextEditorToolbar.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import {Row, Label, Col, Button} from 'reactstrap'; import {Row, Label, Col, Button, Nav, NavLink} from 'reactstrap';
import FontAwesomeIcon from 'react-fontawesome'; import FontAwesomeIcon from 'react-fontawesome';
import { AppSwitch } from '@coreui/react' import { AppSwitch } from '@coreui/react'
@ -26,26 +26,23 @@ const TextEditorToolbar = (props) => (
</Button> </Button>
</Col> </Col>
<Col sm={4} md={4}> <Col sm={4} md={4}>
<div className="float-right mr-2"> <div className="float-right mr-2 btn-group">
<Nav>
{props.isContract && {props.isContract &&
<React.Fragment> <React.Fragment>
<Button size="sm" color="primary" onClick={() => props.openAsideTab('overview')}> <NavLink href="#" onClick={() => props.openAsideTab('overview')}>
Overview <FontAwesomeIcon className="mr-2" name="info-circle" /> Overview
</Button> </NavLink>
<span className="mx-2">|</span> <NavLink href="#" onClick={() => props.openAsideTab('detail')}>
<Button size="sm" color="primary" onClick={() => props.openAsideTab('detail')}> <FontAwesomeIcon className="mr-2" name="file-text-o" /> Details
Detail </NavLink>
</Button> <NavLink href="#" onClick={() => props.openAsideTab('logger')}>Logger</NavLink>
<span className="mx-2">|</span>
<Button size="sm" color="primary" onClick={() => props.openAsideTab('logger')}>
Logger
</Button>
<span className="mx-2">|</span>
</React.Fragment> </React.Fragment>
} }
<Button size="sm" color="primary" onClick={() => props.openAsideTab('browser')}> <NavLink href="#" onClick={() => props.openAsideTab('browser')}>
Browser <FontAwesomeIcon className="mr-2" name="compass" /> Browser
</Button> </NavLink>
</Nav>
</div> </div>
</Col> </Col>
</Row> </Row>