feat: autofocus the email input on the login page (#3726)

porter-dev · Oct 4, 2023 · b821a9f · b821a9f
1 parent 0e5702f
commit b821a9f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -186,6 +186,7 @@ const Login: React.FC<Props> = ({
         {hasBasic && (
           <>
             <Input
+              autoFocus={true}
               type="email"
               placeholder="Email"
               label="Email"