add focus

src/App.js

@@ -9,19 +9,20 @@ const initialState = { value: '', timestamp: Date.now(), toggle: false };
 class App extends Component {
     constructor(props) {
         super(props);
-        this.state =initialState;
+        this.state = initialState;
         this.change = this.change.bind(this);
         this.toggle = this.toggle.bind(this);
     }
 
     launchTimer = () => {
-        console.log('clearing')
         if (this.timer) {
             clearTimeout(this.timer);
         }
         this.timer = setTimeout(() => {
             this.setState(initialState);
-            console.log('reset')
+            setTimeout(() => {
+                document.getElementById('inputPassword').focus();
+            })
         }, 30000)
     }
     change(event) {

src/components/input.js

@@ -2,13 +2,14 @@ import React, { Component } from 'react';
 
 class Input extends Component {
 
-    componentDidMount(){}
+
     render = () => {
         const { change, value } = this.props;
         return (
-            <div className="form-group">
-                <label htmlFor="inputPassword">Password</label>
-                <input autoFocus value={value} type="password" onChange={change} className="form-control" id="inputPassword" placeholder="Your Password" />
+            <div className="form-group mt-2">
+                <input
+                    value={value}
+                    type="password" onChange={change} className="form-control" id="inputPassword" placeholder="Your Password" />
             </div>
 
         )