From 49b4300e2e96286cad0f39903bfe00555c76d560 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Mon, 28 Nov 2022 22:41:33 -0800
Subject: [PATCH] Replace search button on auth modals. Closes #2377

---
 web/components/modals/FediAuthModal/FediAuthModal.tsx   | 6 ++++++
 web/components/modals/IndieAuthModal/IndieAuthModal.tsx | 8 +++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/web/components/modals/FediAuthModal/FediAuthModal.tsx b/web/components/modals/FediAuthModal/FediAuthModal.tsx
index ec37a8e59..99e3cdb5d 100644
--- a/web/components/modals/FediAuthModal/FediAuthModal.tsx
+++ b/web/components/modals/FediAuthModal/FediAuthModal.tsx
@@ -1,5 +1,6 @@
 import { Alert, Button, Input, Space, Spin, Collapse } from 'antd';
 import React, { FC, useState } from 'react';
+import { CheckCircleOutlined } from '@ant-design/icons';
 import styles from './FediAuthModal.module.scss';
 import { validateAccount } from '../../../utils/validators';
 
@@ -140,6 +141,11 @@ export const FediAuthModal: FC<FediAuthModalProps> = ({
         placeholder="youraccount@yourserver.com"
         status={!valid && account.length > 0 ? 'error' : undefined}
         onSearch={submitAccountPressed}
+        enterButton={
+          <Button type={valid ? 'primary' : 'default'} disabled={!valid || account.length === 0}>
+            <CheckCircleOutlined />
+          </Button>
+        }
       />
     </>
   );
diff --git a/web/components/modals/IndieAuthModal/IndieAuthModal.tsx b/web/components/modals/IndieAuthModal/IndieAuthModal.tsx
index afc7dd85f..1135ac899 100644
--- a/web/components/modals/IndieAuthModal/IndieAuthModal.tsx
+++ b/web/components/modals/IndieAuthModal/IndieAuthModal.tsx
@@ -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 isValidURL from '../../../utils/urls';
 
@@ -125,6 +126,11 @@ export const IndieAuthModal: FC<IndieAuthModalProps> = ({
           placeholder="yoursite.com"
           status={!valid && host.length > 0 ? 'error' : undefined}
           onSearch={submitButtonPressed}
+          enterButton={
+            <Button type={valid ? 'primary' : 'default'} disabled={!valid || host.length === 0}>
+              <CheckCircleOutlined />
+            </Button>
+          }
         />
 
         <Collapse ghost>