🚸 Internal signup: put focus on top most field at load

tdrive/frontend/src/app/views/login/internal/signin/signin.jsx

@@ -37,8 +37,8 @@ export default class Signin extends Component {
     Languages.addListener(this);
   }
   componentDidMount() {
-    if (this.input) {
+    if (this.inputToFocusFirst) {
-      this.input.focus();
+      this.inputToFocusFirst.focus();
     }
   }
   componentWillUnmount() {
@@ -48,9 +48,9 @@ export default class Signin extends Component {
   componentDidUpdate(_prevProps, prevState) {
     if (
       (prevState.page === 1 && this.state.page === 2) ||
-      (prevState.page === 2 && this.state.page === 3 && this.input)
+      (prevState.page === 2 && this.state.page === 3 && this.inputToFocusFirst)
     ) {
-      if (this.input) this.input.focus();
+      if (this.inputToFocusFirst) this.inputToFocusFirst.focus();
     }
   }
   displayStep() {
@@ -75,6 +75,9 @@ export default class Signin extends Component {
 
           <Input
             id="first_name_create"
+            refInput={ref => {
+              this.inputToFocusFirst = ref;
+            }}
             className="bottom-margin medium full_width"
             onKeyDown={e => {
               if (e.keyCode === 13) {
@@ -91,9 +94,6 @@ export default class Signin extends Component {
           />
           <Input
             id="last_name_create"
-            refInput={ref => {
-              this.input = ref;
-            }}
             className="bottom-margin medium full_width"
             onKeyDown={e => {
               if (e.keyCode === 13) {