From d5d4a5f0f0eb09f3a4dd1b55a7db651e19f022b7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tao=20Bror=20Bojl=C3=A9n?= <tao@btao.org>
Date: Tue, 20 Aug 2019 10:16:05 +0200
Subject: [PATCH] allow logging in w/ a click, not just enter

---
 CHANGELOG.md                                    | 1 +
 frontend/src/components/screens/LoginScreen.tsx | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index f7a66f9..8e28a42 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Added ON DELETE to `most_recent_crawl` table, such that it can handle previously-crawled but now-dead instances.
+- You can now login to the admin view by clicking, not just by pressing enter.
 
 ## [2.7.0 - 2018-08-18]
 
diff --git a/frontend/src/components/screens/LoginScreen.tsx b/frontend/src/components/screens/LoginScreen.tsx
index fe47cb0..7e5b334 100644
--- a/frontend/src/components/screens/LoginScreen.tsx
+++ b/frontend/src/components/screens/LoginScreen.tsx
@@ -86,6 +86,7 @@ class LoginScreen extends React.PureComponent<{}, ILoginScreenState> {
 
   private renderChooseInstance = () => {
     const { isGettingLoginTypes } = this.state;
+    const onButtonClick = () => this.getLoginTypes();
     return (
       <form onSubmit={this.getLoginTypes}>
         <FormGroup label="Instance domain" labelFor="domain-input" disabled={isGettingLoginTypes} inline={true}>
@@ -101,6 +102,7 @@ class LoginScreen extends React.PureComponent<{}, ILoginScreenState> {
                 rightIcon={IconNames.ARROW_RIGHT}
                 title="submit"
                 loading={isGettingLoginTypes}
+                onClick={onButtonClick}
               />
             }
             placeholder="mastodon.social"
@@ -166,8 +168,10 @@ class LoginScreen extends React.PureComponent<{}, ILoginScreenState> {
     this.setState({ domain: event.target.value });
   };
 
-  private getLoginTypes = (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
+  private getLoginTypes = (e?: React.FormEvent<HTMLFormElement>) => {
+    if (!!e) {
+      e.preventDefault();
+    }
     this.setState({ isGettingLoginTypes: true });
     let { domain } = this.state;
     if (domain.startsWith("https://")) {