git.iko.soy/bridge
on e273c1c help sign in
bridge/src/form/SubmitButton.js
35 lines 740 B history raw
1import React from 'react';
2import cn from 'classnames';
4import { ForwardButton } from 'components/Buttons';
6import { blinkIf } from 'components/Blinky';
7import { useFormState } from 'react-final-form';
9export default function SubmitButton({
10 as: As = ForwardButton,
11 className,
12 children,
13 handleSubmit,
14 ...rest
15}) {
16 const { valid, validating, submitting } = useFormState({
17 subscription: {
18 valid: true,
19 validating: true,
20 submitting: true,
21 },
22 });
24 return (
25 <As
26 className={cn('mt4', className)}
27 disabled={!valid || validating || submitting}
28 accessory={blinkIf(validating || submitting)}
29 onClick={handleSubmit}
30 solid
31 {...rest}>
32 {children}
33 </As>
34 );