Permalink
Browse files

Add initial Unit Organization tab layout with hardcoded content

  • Loading branch information...
markerikson committed Nov 17, 2016
1 parent f8f6fc4 commit e5f525845d489b47a9679d0aabdaa168bfcdd340
Showing with 128 additions and 1 deletion.
  1. +128 −1 src/features/unitOrganization/UnitOrganization/UnitOrganization.jsx
@@ -1,5 +1,132 @@
import React from "react";
const UnitOrganization = () => <div>Unit Organization content</div>;
import {
Grid,
Segment,
Header,
List,
} from "semantic-ui-react";
const UnitOrganization = () => {
return (
<Segment>
<Grid>
<Grid.Column width={10}>
<Header as="h3">Unit Table of Organization</Header>
<List size="large">
<List.Item>
<List.Icon name="cubes" />
<List.Content>
<List.Header>Black Widow Company</List.Header>
<List.List>
<List.Item>
<List.Icon name="cube" />
<List.Content>
<List.Header>Command Lance</List.Header>
<List.List>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Cpt. Natasha Kerensky - WHM-6R Warhammer</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Colin Maclaren - MAD-3R Marauder</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Lynn Sheridan - CRD-3R Crusader</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>John Hayes - GRF-1N Griffin</List.Header>
</List.Content>
</List.Item>
</List.List>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="cube" />
<List.Content>
<List.Header>Fire Lance</List.Header>
<List.List>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Lt. Takiro Ikeda - ARC-2R Archer</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Miklos Delius - ARC-2R Archer</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Nikolai Koniev - WSP-1A Wasp</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Alex Ward - STG-3R Stinger</List.Header>
</List.Content>
</List.Item>
</List.List>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="cube" />
<List.Content>
<List.Header>Recon Lance</List.Header>
<List.List>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Lt. John "Gentleman Johnny" Clavell - RFL-3N Rifleman</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Piet Nichols - PXH-1K Phoenix Hawk</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Simon Fraser - STG-3R Stinger</List.Header>
</List.Content>
</List.Item>
<List.Item>
<List.Icon name="user" />
<List.Content>
<List.Header>Mohammar Jahan - STG-3R Stinger</List.Header>
</List.Content>
</List.Item>
</List.List>
</List.Content>
</List.Item>
</List.List>
</List.Content>
</List.Item>
</List>
</Grid.Column>
</Grid>
</Segment>
)
}
export default UnitOrganization;

0 comments on commit e5f5258

Please sign in to comment.