ソースを参照

fix: login improvement (#941)

Matri 1 年間 前
コミット
062e2e915b
2 ファイル変更8 行追加0 行削除
  1. 3 0
      web/app/components/base/button/index.tsx
  2. 5 0
      web/app/signin/normalForm.tsx

+ 3 - 0
web/app/components/base/button/index.tsx

@@ -7,6 +7,7 @@ export type IButtonProps = {
   className?: string
   disabled?: boolean
   loading?: boolean
+  tabIndex?: number
   children: React.ReactNode
   onClick?: MouseEventHandler<HTMLDivElement>
 }
@@ -18,6 +19,7 @@ const Button: FC<IButtonProps> = ({
   className,
   onClick,
   loading = false,
+  tabIndex,
 }) => {
   let style = 'cursor-pointer'
   switch (type) {
@@ -35,6 +37,7 @@ const Button: FC<IButtonProps> = ({
   return (
     <div
       className={`inline-flex justify-center items-center content-center h-9 leading-5 rounded-lg px-4 py-2 text-base ${style} ${className && className}`}
+      tabIndex={tabIndex}
       onClick={disabled ? undefined : onClick}
     >
       {children}

+ 5 - 0
web/app/signin/normalForm.tsx

@@ -237,6 +237,10 @@ const NormalForm = () => {
                       id="password"
                       value={password}
                       onChange={e => setPassword(e.target.value)}
+                      onKeyDown={(e) => {
+                        if (e.key === 'Enter')
+                          handleEmailPasswordLogin()
+                      }}
                       type={showPassword ? 'text' : 'password'}
                       autoComplete="current-password"
                       placeholder={t('login.passwordPlaceholder') || ''}
@@ -256,6 +260,7 @@ const NormalForm = () => {
 
                 <div className='mb-2'>
                   <Button
+                    tabIndex={0}
                     type='primary'
                     onClick={handleEmailPasswordLogin}
                     disabled={isLoading}