+128
-1
lines changedFilter options
+128
-1
lines changed Original file line number Diff line number Diff line change
@@ -1,5 +1,132 @@
1
1
import React from "react";
2
2
3
-
const UnitOrganization = () => <div>Unit Organization content</div>;
3
+
import {
4
+
Grid,
5
+
Segment,
6
+
Header,
7
+
List,
8
+
} from "semantic-ui-react";
9
+
10
+
const UnitOrganization = () => {
11
+
12
+
13
+
return (
14
+
<Segment>
15
+
<Grid>
16
+
<Grid.Column width={10}>
17
+
<Header as="h3">Unit Table of Organization</Header>
18
+
<List size="large">
19
+
<List.Item>
20
+
<List.Icon name="cubes" />
21
+
<List.Content>
22
+
<List.Header>Black Widow Company</List.Header>
23
+
<List.List>
24
+
<List.Item>
25
+
<List.Icon name="cube" />
26
+
<List.Content>
27
+
<List.Header>Command Lance</List.Header>
28
+
<List.List>
29
+
<List.Item>
30
+
<List.Icon name="user" />
31
+
<List.Content>
32
+
<List.Header>Cpt. Natasha Kerensky - WHM-6R Warhammer</List.Header>
33
+
</List.Content>
34
+
</List.Item>
35
+
<List.Item>
36
+
<List.Icon name="user" />
37
+
<List.Content>
38
+
<List.Header>Colin Maclaren - MAD-3R Marauder</List.Header>
39
+
</List.Content>
40
+
</List.Item>
41
+
<List.Item>
42
+
<List.Icon name="user" />
43
+
<List.Content>
44
+
<List.Header>Lynn Sheridan - CRD-3R Crusader</List.Header>
45
+
</List.Content>
46
+
</List.Item>
47
+
<List.Item>
48
+
<List.Icon name="user" />
49
+
<List.Content>
50
+
<List.Header>John Hayes - GRF-1N Griffin</List.Header>
51
+
</List.Content>
52
+
</List.Item>
53
+
</List.List>
54
+
</List.Content>
55
+
</List.Item>
56
+
57
+
<List.Item>
58
+
<List.Icon name="cube" />
59
+
<List.Content>
60
+
<List.Header>Fire Lance</List.Header>
61
+
<List.List>
62
+
<List.Item>
63
+
<List.Icon name="user" />
64
+
<List.Content>
65
+
<List.Header>Lt. Takiro Ikeda - ARC-2R Archer</List.Header>
66
+
</List.Content>
67
+
</List.Item>
68
+
<List.Item>
69
+
<List.Icon name="user" />
70
+
<List.Content>
71
+
<List.Header>Miklos Delius - ARC-2R Archer</List.Header>
72
+
</List.Content>
73
+
</List.Item>
74
+
<List.Item>
75
+
<List.Icon name="user" />
76
+
<List.Content>
77
+
<List.Header>Nikolai Koniev - WSP-1A Wasp</List.Header>
78
+
</List.Content>
79
+
</List.Item>
80
+
<List.Item>
81
+
<List.Icon name="user" />
82
+
<List.Content>
83
+
<List.Header>Alex Ward - STG-3R Stinger</List.Header>
84
+
</List.Content>
85
+
</List.Item>
86
+
</List.List>
87
+
</List.Content>
88
+
</List.Item>
89
+
90
+
<List.Item>
91
+
<List.Icon name="cube" />
92
+
<List.Content>
93
+
<List.Header>Recon Lance</List.Header>
94
+
<List.List>
95
+
<List.Item>
96
+
<List.Icon name="user" />
97
+
<List.Content>
98
+
<List.Header>Lt. John "Gentleman Johnny" Clavell - RFL-3N Rifleman</List.Header>
99
+
</List.Content>
100
+
</List.Item>
101
+
<List.Item>
102
+
<List.Icon name="user" />
103
+
<List.Content>
104
+
<List.Header>Piet Nichols - PXH-1K Phoenix Hawk</List.Header>
105
+
</List.Content>
106
+
</List.Item>
107
+
<List.Item>
108
+
<List.Icon name="user" />
109
+
<List.Content>
110
+
<List.Header>Simon Fraser - STG-3R Stinger</List.Header>
111
+
</List.Content>
112
+
</List.Item>
113
+
<List.Item>
114
+
<List.Icon name="user" />
115
+
<List.Content>
116
+
<List.Header>Mohammar Jahan - STG-3R Stinger</List.Header>
117
+
</List.Content>
118
+
</List.Item>
119
+
</List.List>
120
+
</List.Content>
121
+
</List.Item>
122
+
</List.List>
123
+
</List.Content>
124
+
</List.Item>
125
+
</List>
126
+
</Grid.Column>
127
+
</Grid>
128
+
</Segment>
129
+
)
130
+
}
4
131
5
132
export default UnitOrganization;
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4