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';
|
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>
|
|
@ -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>
|
||||||
|
|
Reference in a new issue