Added autofocus for input boxes

AzureCloudMonk · Mar 19, 2020 · a2587ac · a2587ac
1 parent 99aa63f
commit a2587ac
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/src/components/Input.js b/src/components/Input.js
@@ -3,7 +3,13 @@ import "./Input.css";
 
 export default class Input extends Component {
 	render() {
-		const { placeholder, value, onChange, inErrorMode } = this.props;
+		const {
+			placeholder,
+			value,
+			onChange,
+			inErrorMode,
+			autofocus
+		} = this.props;
 
 		return (
 			<input
@@ -12,7 +18,12 @@ export default class Input extends Component {
 				placeholder={placeholder}
 				value={value}
 				onChange={onChange}
+				autofocus={autofocus ? "true" : "false"}
 			/>
 		);
 	}
 }
+
+Input.defaultProps = {
+	autofocus: false
+};
diff --git a/src/containers/CryptForm.js b/src/containers/CryptForm.js
@@ -48,6 +48,7 @@ export default class CryptForm extends Component {
 							this.setState({ password: event.target.value })
 						}
 						inErrorMode={displayError}
+						autofocus
 					/>
 					{!isDecryption ? (
 						<Input