From a297b7daec9688540bc16eb86eac1f6be34de731 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Fri, 13 May 2022 12:59:56 +0200
Subject: [PATCH] Use onSubmit in remote interactions form
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 app/soapbox/features/ui/components/unauthorized_modal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/ui/components/unauthorized_modal.tsx b/app/soapbox/features/ui/components/unauthorized_modal.tsx
index 41faf7c1a..7fc30b235 100644
--- a/app/soapbox/features/ui/components/unauthorized_modal.tsx
+++ b/app/soapbox/features/ui/components/unauthorized_modal.tsx
@@ -45,7 +45,7 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
     onClose('UNAUTHORIZED');
   };
 
-  const onClickProceed: React.MouseEventHandler = e => {
+  const onSubmit: React.FormEventHandler = e => {
     e.preventDefault();
 
     dispatch(remoteInteraction(apId, account))
@@ -101,7 +101,7 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
         secondaryText={<FormattedMessage id='account.register' defaultMessage='Sign up' />}
       >
         <div className='remote-interaction-modal__content'>
-          <form className='simple_form remote-interaction-modal__fields'>
+          <form className='simple_form remote-interaction-modal__fields' onSubmit={onSubmit}>
             <input
               type='text'
               placeholder={intl.formatMessage(messages.accountPlaceholder)}
@@ -112,7 +112,7 @@ const UnauthorizedModal: React.FC<IUnauthorizedModal> = ({ action, onClose, acco
               onChange={onAccountChange}
               required
             />
-            <Button theme='primary' onClick={onClickProceed}>{button}</Button>
+            <Button type='submit' theme='primary'>{button}</Button>
           </form>
           <div className='remote-interaction-modal__divider'>
             <Text align='center'>