style: detail layout

src/pages/login/components/local-user-form.tsx

@@ -36,6 +36,7 @@ const useStyles = createStyles(({ token, css }) => {
 interface LocalUserFormProps {
   handleLogin: (values: any) => void;
   form: FormInstance;
+  loading?: boolean;
   loginOption: {
     saml: boolean;
     oidc: boolean;
@@ -144,6 +145,7 @@ const LocalUserForm: React.FC<LocalUserFormProps> = (props) => {
         htmlType="submit"
         type="primary"
         block
+        loading={props.loading}
         style={{ height: '48px', fontSize: '14px' }}
       >
         {intl.formatMessage({ id: 'common.button.login' })}

src/pages/login/components/login-form.tsx

@@ -148,7 +148,7 @@ const LoginForm = () => {
   };
 
   // local user authentication
-  const { handleLogin } = useLocalAuth({
+  const { handleLogin, submitLoading } = useLocalAuth({
     fetchUserInfo,
     form,
     onSuccess: async (userInfo) => {
@@ -254,6 +254,7 @@ const LoginForm = () => {
               <LocalUserForm
                 handleLogin={handleLogin}
                 form={form}
+                loading={submitLoading}
                 loginOption={SSOAuth.options}
               />
             )}