Remove need for react bootstrap in navbar
This commit is contained in:
parent
b213cff6db
commit
956816c4c7
2 changed files with 13 additions and 23 deletions
|
@ -1,6 +1,6 @@
|
|||
import React from 'react';
|
||||
|
||||
export default class DropdownItem extends React.Component {
|
||||
export default class Item extends React.Component {
|
||||
render() {
|
||||
return (
|
||||
<li><a href={this.props.href}><i className={'icon ' + this.props.icon}></i> {this.props.children}</a></li>
|
|
@ -1,8 +1,7 @@
|
|||
import React from 'react';
|
||||
import Header from './header';
|
||||
import Dropdown from './dropdown';
|
||||
import DropdownItem from './dropdown-item';
|
||||
var NavItem = require('react-bootstrap').NavItem;
|
||||
import Item from './item';
|
||||
|
||||
export default class NavBar extends React.Component {
|
||||
render() {
|
||||
|
@ -19,27 +18,18 @@ export default class NavBar extends React.Component {
|
|||
</ul>
|
||||
<ul className="nav navbar-nav" id="navigation">
|
||||
<Dropdown title="Projects">
|
||||
<DropdownItem href="#" icon="ion-social-freebsd-devil">Pithos</DropdownItem>
|
||||
<DropdownItem href="#" icon="ion-ios-monitor">BSOD Enabler</DropdownItem>
|
||||
<DropdownItem href="#" icon="ion-chatbox-working">Hipchat Emoticons for All</DropdownItem>
|
||||
<DropdownItem href="#" icon="ion-social-windows">Custom PC</DropdownItem>
|
||||
<DropdownItem href="#" icon="ion-android-more-vertical">More Projects...</DropdownItem>
|
||||
<Item href="#" icon="ion-social-freebsd-devil">Pithos</Item>
|
||||
<Item href="#" icon="ion-ios-monitor">BSOD Enabler</Item>
|
||||
<Item href="#" icon="ion-chatbox-working">Hipchat Emoticons for All</Item>
|
||||
<Item href="#" icon="ion-social-windows">Custom PC</Item>
|
||||
<Item href="#" icon="ion-android-more-vertical">All Projects...</Item>
|
||||
</Dropdown>
|
||||
<li className="dropdown">
|
||||
<a className="dropdown-toggle"
|
||||
data-toggle="dropdown"
|
||||
role="button"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false">
|
||||
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>
|
||||
<Dropdown title="Code">
|
||||
<Item href="#" icon="ion-code-working">Code Challenges</Item>
|
||||
<Item href="#" icon="ion-ios-circle-filled">BSOD Enabler</Item>
|
||||
<Item href="#" icon="ion-ios-game-controller-a">The Wiki Game Solver</Item>
|
||||
</Dropdown>
|
||||
<Item href="#">Link 1</Item>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Reference in a new issue