YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added Split Section (for contact page)

Browse Source
This commit is contained in:
Dominic Masters
2018-05-28 01:17:14 +10:00
parent 11e3d60859
commit 6b37f73935
3 changed files with 107 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
public/page/contact/ContactPage.jsx
View File

@ -27,6 +27,7 @@ import Page, { PageBoundary } from './../Page';
import Section, { BodySection } from './../../section/Section';
import Input, { Form, InputGroup, TextArea, Label, ButtonGroup } from './../../input/input';
import Language from './../../language/Language';
import SplitSection, { Split } from './../../section/split/SplitSection';
class ContactPage extends React.Component {
constructor(props) {
@ -50,42 +51,47 @@ class ContactPage extends React.Component {
<br />
</Section>
<PageBoundary>
<BodySection>
<Form>
<InputGroup>
<Label>{ Language.get("pages.contact.name.label") }</Label>
<Input
type="text"
placeholder={ Language.get("pages.contact.name.placeholder") }
/>
</InputGroup>
<SplitSection>
<Split>
<BodySection>
<Form>
<InputGroup>
<Label>{ Language.get("pages.contact.name.label") }</Label>
<Input
type="text"
placeholder={ Language.get("pages.contact.name.placeholder") }
/>
</InputGroup>
<InputGroup >
<Label>{ Language.get("pages.contact.email.label") }</Label>
<Input
type="email"
placeholder={ Language.get("pages.contact.email.placeholder") }
/>
</InputGroup>
<InputGroup >
<Label>{ Language.get("pages.contact.email.label") }</Label>
<Input
type="email"
placeholder={ Language.get("pages.contact.email.placeholder") }
/>
</InputGroup>
<InputGroup>
<Label>{ Language.get("pages.contact.message.label") }</Label>
<TextArea
placeholder={ Language.get("pages.contact.message.placeholder") }
rows="6"
/>
</InputGroup>
<InputGroup>
<Label>{ Language.get("pages.contact.message.label") }</Label>
<TextArea
placeholder={ Language.get("pages.contact.message.placeholder") }
rows="6"
/>
</InputGroup>
<ButtonGroup>
<Input type="submit" value={ Language.get("pages.contact.send") } primary="true" />
<Input type="reset" value={ Language.get("pages.contact.reset") } />
</ButtonGroup>
</Form>
</BodySection>
<ButtonGroup>
<Input type="submit" value={ Language.get("pages.contact.send") } primary="true" />
<Input type="reset" value={ Language.get("pages.contact.reset") } />
</ButtonGroup>
</Form>
</BodySection>
</Split>
<Split>
</Split>
</SplitSection>
</PageBoundary>
</Page>
);
}