on 58fbcd2 help sign in
bridge/src/views/Login/ContinueButton.js
26 lines 744 B history raw
1import React from 'react';
2import cn from 'classnames';
3import { useFormState } from 'react-final-form';
5import { ForwardButton } from 'components/Buttons';
6import Blinky from 'components/Blinky';
8export default function ContinueButton({ className, children, handleSubmit }) {
9 const { valid, validating, submitting } = useFormState({
10 subscription: { valid: true, validating: true, submitting: true },
11 });
13 const loading = validating || submitting;
15 return (
16 <ForwardButton
17 solid
18 className={cn('mt2', className)}
19 loading={validating}
20 disabled={!valid || loading}
21 accessory={loading ? <Blinky /> : undefined}
22 onClick={handleSubmit}>
23 {children || 'Continue'}
24 </ForwardButton>
25 );