Permalink
Browse files

Render the list of tabs using TabBarContainer

  • Loading branch information...
markerikson committed Nov 21, 2016
1 parent c5600b7 commit 47154d0cd195f5e565af7056ea99751b113a6694
Showing with 10 additions and 7 deletions.
  1. +10 −7 src/App.js
View
@@ -2,26 +2,29 @@ import React, { Component } from 'react';
import {
Header,
Container,
Menu,
} from "semantic-ui-react";
import TabBarContainer from "./features/tabs/TabBarContainer";
import './App.css';
class App extends Component {
render() {
const tabs = [
{name : "unitInfo", label : "Unit Info"},
{name : "pilots", label : "Pilots"},
{name : "mechs", label : "Mechs"},
{name : "unitOrganization", label : "Unit Organization"}
];
return (
<div className="App">
<div className="App-header">
<Header inverted as="h1">Project Mini-Mek</Header>
</div>
<Container>
<Menu tabular size="massive">
<Menu.Item name="unitInfo" active={true}>Unit Info</Menu.Item>
<Menu.Item name="pilots" active={false}>Pilots</Menu.Item>
<Menu.Item name="mechs" active={false}>Mechs</Menu.Item>
<Menu.Item name="unitOrganization" active={false}>Unit Organization</Menu.Item>
</Menu>
<TabBarContainer tabs={tabs} size="massive" />
</Container>
</div>
);

0 comments on commit 47154d0

Please sign in to comment.