Permalink
Browse files

Add initial form layout for UnitInfo

  • Loading branch information...
markerikson committed Nov 17, 2016
1 parent 07a9c68 commit 7bcde0333b3213f451b288d49ec1b88e125f9a57
Showing with 38 additions and 1 deletion.
  1. +38 −1 src/features/unitInfo/UnitInfo/UnitInfo.jsx
@@ -1,5 +1,42 @@
import React from "react";
import {
Form,
Dropdown,
Segment
} from "semantic-ui-react";
const FACTIONS = [
{value : "cc", text : "Capellan Confederation"},
{value : "dc", text : "Draconis Combine"},
{value : "elh", text : "Eridani Light Horse"},
{value : "fs", text : "Federated Suns"},
{value : "fwl", text : "Free Worlds League"},
{value : "hr", text : "Hansen's Roughriders"},
{value : "lc", text : "Lyran Commonwealth"},
{value : "wd", text : "Wolf's Dragoons"},
];
const UnitInfo = () => {
return (
<Segment attached="bottom">
<Form size="large">
<Form.Field name="name" width={6} >
<label>Unit Name</label>
<input placeholder="Name" value="Black Widow Company"/>
</Form.Field>
<Form.Field name="affiliation" width={6}>
<label>Affiliation</label>
<Dropdown
selection
options={FACTIONS}
value="wd"
/>
</Form.Field>
</Form>
</Segment>
);
}
const UnitInfo = () => <div>Unit Info content</div>;
export default UnitInfo;

0 comments on commit 7bcde03

Please sign in to comment.