/
App.js
38 lines (32 loc) · 1.14 KB
/
App.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React, { Component } from 'react';
import {
Header,
Container,
} from "semantic-ui-react";
import TabBarContainer from "./features/tabs/TabBarContainer";
import UnitInfo from "features/unitInfo/UnitInfo";
import Pilots from "features/pilots/Pilots";
import Mechs from "features/mechs/Mechs";
import UnitOrganization from "features/unitOrganization/UnitOrganization";
import './App.css';
class App extends Component {
render() {
const tabs = [
{name : "unitInfo", label : "Unit Info", component : UnitInfo,},
{name : "pilots", label : "Pilots", component : Pilots,},
{name : "mechs", label : "Mechs", component : Mechs,},
{name : "unitOrganization", label : "Unit Organization", component : UnitOrganization}
];
return (
<div className="App">
<div className="App-header">
<Header inverted as="h1">Project Mini-Mek</Header>
</div>
<Container>
<TabBarContainer tabs={tabs} size="massive" />
</Container>
</div>
);
}
}
export default App;