From b821a9ffd6e361ee53b24224a565bb79d120ee9a Mon Sep 17 00:00:00 2001
From: jose-fully-ported <141160579+jose-fully-ported@users.noreply.github.com>
Date: Wed, 4 Oct 2023 11:00:17 -0400
Subject: [PATCH] feat: autofocus the email input on the login page (#3726)

---
 dashboard/src/components/porter/Input.tsx | 3 +++
 dashboard/src/main/auth/Login.tsx         | 1 +
 2 files changed, 4 insertions(+)

diff --git a/dashboard/src/components/porter/Input.tsx b/dashboard/src/components/porter/Input.tsx
index 2788c046bd..1bc9b4e61e 100644
--- a/dashboard/src/components/porter/Input.tsx
+++ b/dashboard/src/components/porter/Input.tsx
@@ -4,6 +4,7 @@ import { boolean } from "zod";
 import Tooltip from "./Tooltip";
 
 type Props = {
+  autoFocus?: boolean;
   placeholder: string;
   width?: string;
   value: string;
@@ -19,6 +20,7 @@ type Props = {
 };
 
 const Input: React.FC<Props> = ({
+  autoFocus,
   placeholder,
   width,
   value,
@@ -67,6 +69,7 @@ const Input: React.FC<Props> = ({
     <Block width={width}>
       {label && <Label>{label}</Label>}
       <StyledInput
+        autoFocus={autoFocus}
         value={value}
         onChange={handleChange}
         placeholder={placeholder}
diff --git a/dashboard/src/main/auth/Login.tsx b/dashboard/src/main/auth/Login.tsx
index d0e80853c6..10f22dc7ed 100644
--- a/dashboard/src/main/auth/Login.tsx
+++ b/dashboard/src/main/auth/Login.tsx
@@ -186,6 +186,7 @@ const Login: React.FC<Props> = ({
         {hasBasic && (
           <>
             <Input
+              autoFocus={true}
               type="email"
               placeholder="Email"
               label="Email"