Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add initial Unit Organization tab layout with hardcoded content
- Loading branch information
1 parent
f8f6fc4
commit e5f5258
Showing
1 changed file
with
128 additions
and
1 deletion.
There are no files selected for viewing
129 changes: 128 additions & 1 deletion
129
src/features/unitOrganization/UnitOrganization/UnitOrganization.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -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; |