archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

Remove need for react bootstrap in navbar

Browse source
This commit is contained in:
Jake Howard 2016-01-07 18:38:13 +00:00
parent b213cff6db
commit 956816c4c7
2 changed files with 13 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
static/src/js/components/navbar/dropdown-item.js → static/src/js/components/navbar/item.js
View file

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
export default class DropdownItem extends React.Component { export default class Item extends React.Component {
render() { render() {
return ( return (
<li><a href={this.props.href}><i className={'icon ' + this.props.icon}></i> {this.props.children}</a></li> <li><a href={this.props.href}><i className={'icon ' + this.props.icon}></i> {this.props.children}</a></li>

34
static/src/js/components/navbar/navbar.js
View file

@ -1,8 +1,7 @@
import React from 'react'; import React from 'react';
import Header from './header'; import Header from './header';
import Dropdown from './dropdown'; import Dropdown from './dropdown';
import DropdownItem from './dropdown-item'; import Item from './item';
var NavItem = require('react-bootstrap').NavItem;
export default class NavBar extends React.Component { export default class NavBar extends React.Component {
render() { render() {
@ -19,27 +18,18 @@ export default class NavBar extends React.Component {
</ul> </ul>
<ul className="nav navbar-nav" id="navigation"> <ul className="nav navbar-nav" id="navigation">
<Dropdown title="Projects"> <Dropdown title="Projects">
<DropdownItem href="#" icon="ion-social-freebsd-devil">Pithos</DropdownItem> <Item href="#" icon="ion-social-freebsd-devil">Pithos</Item>
<DropdownItem href="#" icon="ion-ios-monitor">BSOD Enabler</DropdownItem> <Item href="#" icon="ion-ios-monitor">BSOD Enabler</Item>
<DropdownItem href="#" icon="ion-chatbox-working">Hipchat Emoticons for All</DropdownItem> <Item href="#" icon="ion-chatbox-working">Hipchat Emoticons for All</Item>
<DropdownItem href="#" icon="ion-social-windows">Custom PC</DropdownItem> <Item href="#" icon="ion-social-windows">Custom PC</Item>
<DropdownItem href="#" icon="ion-android-more-vertical">More Projects...</DropdownItem> <Item href="#" icon="ion-android-more-vertical">All Projects...</Item>
</Dropdown> </Dropdown>
<li className="dropdown"> <Dropdown title="Code">
<a className="dropdown-toggle" <Item href="#" icon="ion-code-working">Code Challenges</Item>
data-toggle="dropdown" <Item href="#" icon="ion-ios-circle-filled">BSOD Enabler</Item>
role="button" <Item href="#" icon="ion-ios-game-controller-a">The Wiki Game Solver</Item>
aria-haspopup="true" </Dropdown>
aria-expanded="false"> <Item href="#">Link 1</Item>
Code <i className="icon ion-ios-arrow-up navbar-icon h4"></i>
</a>
<ul className="dropdown-menu dropup">
<li><a href="#"><i className="icon ion-code-working"></i> Code Challenges</a></li>
<li><a href=""><i className="icon ion-ios-circle-filled"></i> Morse Code Decoder</a></li>
<li><a href=""><i className="icon ion-ios-game-controller-a"></i> The Wiki Game Solver</a></li>
</ul>
</li>
<NavItem href="#">Link 1</NavItem>
</ul> </ul>
</div> </div>
</div> </div>