+38
-1
lines changedFilter options
+38
-1
lines changed Original file line number Diff line number Diff line change
@@ -1,5 +1,42 @@
1 1
import React from "react";
2 +
import {
3 +
Form,
4 +
Dropdown,
5 +
Segment
6 +
} from "semantic-ui-react";
7 + 8 +
const FACTIONS = [
9 +
{value : "cc", text : "Capellan Confederation"},
10 +
{value : "dc", text : "Draconis Combine"},
11 +
{value : "elh", text : "Eridani Light Horse"},
12 +
{value : "fs", text : "Federated Suns"},
13 +
{value : "fwl", text : "Free Worlds League"},
14 +
{value : "hr", text : "Hansen's Roughriders"},
15 +
{value : "lc", text : "Lyran Commonwealth"},
16 +
{value : "wd", text : "Wolf's Dragoons"},
17 +
];
18 + 19 +
const UnitInfo = () => {
20 + 21 +
return (
22 +
<Segment attached="bottom">
23 +
<Form size="large">
24 +
<Form.Field name="name" width={6} >
25 +
<label>Unit Name</label>
26 +
<input placeholder="Name" value="Black Widow Company"/>
27 +
</Form.Field>
28 +
<Form.Field name="affiliation" width={6}>
29 +
<label>Affiliation</label>
30 +
<Dropdown
31 +
selection
32 +
options={FACTIONS}
33 +
value="wd"
34 +
/>
35 +
</Form.Field>
36 +
</Form>
37 +
</Segment>
38 +
);
39 +
}
2 40 3 -
const UnitInfo = () => <div>Unit Info content</div>;
4 41 5 42
export default UnitInfo;
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