aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/components/Options.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/components/Options.js')
-rw-r--r--frontend/src/components/Options.js36
1 files changed, 17 insertions, 19 deletions
diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
index 26391c1..09f92f3 100644
--- a/frontend/src/components/Options.js
+++ b/frontend/src/components/Options.js
@@ -14,25 +14,23 @@ const Flex = styled.div`
}
`
-class OptionsContainer extends React.Component {
- render() {
- return (
- <Flex>
- <PassInput
- value={this.props.pass}
- onChange={this.props.onChange}
- id="passwordInput" />
- <LangInput
- value={this.props.lang}
- onChange={this.props.onChange}
- id="langInput" />
- <ExpiryInput
- value={this.props.expiry}
- onChange={this.props.onChange}
- id="expiryInput" />
- </Flex>
- );
- }
+const OptionsContainer = ({pass, lang, expiry, onPassChange, onLangChange, onExpiryChange}) => {
+ return (
+ <Flex>
+ <PassInput
+ value={pass}
+ onChange={onPassChange}
+ id="passwordInput" />
+ <LangInput
+ value={lang}
+ onChange={onLangChange}
+ id="langInput" />
+ <ExpiryInput
+ value={expiry}
+ onChange={onExpiryChange}
+ id="expiryInput" />
+ </Flex>
+ );
}
export default OptionsContainer \ No newline at end of file