Replace search button on auth modals. Closes #2377
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
import { Alert, Button, Input, Space, Spin, Collapse } from 'antd';
|
import { Alert, Button, Input, Space, Spin, Collapse } from 'antd';
|
||||||
import React, { FC, useState } from 'react';
|
import React, { FC, useState } from 'react';
|
||||||
|
import { CheckCircleOutlined } from '@ant-design/icons';
|
||||||
import styles from './FediAuthModal.module.scss';
|
import styles from './FediAuthModal.module.scss';
|
||||||
import { validateAccount } from '../../../utils/validators';
|
import { validateAccount } from '../../../utils/validators';
|
||||||
|
|
||||||
@@ -140,6 +141,11 @@ export const FediAuthModal: FC<FediAuthModalProps> = ({
|
|||||||
placeholder="youraccount@yourserver.com"
|
placeholder="youraccount@yourserver.com"
|
||||||
status={!valid && account.length > 0 ? 'error' : undefined}
|
status={!valid && account.length > 0 ? 'error' : undefined}
|
||||||
onSearch={submitAccountPressed}
|
onSearch={submitAccountPressed}
|
||||||
|
enterButton={
|
||||||
|
<Button type={valid ? 'primary' : 'default'} disabled={!valid || account.length === 0}>
|
||||||
|
<CheckCircleOutlined />
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import { Alert, Input, Space, Spin, Collapse, Typography } from 'antd';
|
import { CheckCircleOutlined } from '@ant-design/icons';
|
||||||
|
import { Alert, Input, Space, Spin, Collapse, Typography, Button } from 'antd';
|
||||||
import React, { FC, useState } from 'react';
|
import React, { FC, useState } from 'react';
|
||||||
import isValidURL from '../../../utils/urls';
|
import isValidURL from '../../../utils/urls';
|
||||||
|
|
||||||
@@ -125,6 +126,11 @@ export const IndieAuthModal: FC<IndieAuthModalProps> = ({
|
|||||||
placeholder="yoursite.com"
|
placeholder="yoursite.com"
|
||||||
status={!valid && host.length > 0 ? 'error' : undefined}
|
status={!valid && host.length > 0 ? 'error' : undefined}
|
||||||
onSearch={submitButtonPressed}
|
onSearch={submitButtonPressed}
|
||||||
|
enterButton={
|
||||||
|
<Button type={valid ? 'primary' : 'default'} disabled={!valid || host.length === 0}>
|
||||||
|
<CheckCircleOutlined />
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<Collapse ghost>
|
<Collapse ghost>
|
||||||
|
|||||||
Reference in New Issue
Block a user