Merge pull request #10 from jackyzha0/react

add focus opacity change, password input

1 files changed, 22 insertions, 0 deletions

diff --git a/frontend/src/components/Options.js b/frontend/src/components/Options.js
new file mode 100644
index 0000000..81f2046
--- /dev/null
+++ b/frontend/src/components/Options.js
@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from 'styled-components'
+import { PassInput } from './Inputs'
+
+const Float = styled.div`
+    float: right; 
+`
+
+class OptionsContainer extends React.Component {
+    render() {
+        return (
+            <Float>
+                <PassInput
+                    value={this.props.pass}
+                    onChange={this.props.onChange}
+                    id="passwordInput" />
+            </Float>
+        );
+    }
+}
+
+export default OptionsContainer
\ No newline at end of file