From 8a4c0fe0fe973a65fe4bae94d39403ddf0e6a286 Mon Sep 17 00:00:00 2001
From: Michael Albert <michael.albert@awesome-technologies.de>
Date: Thu, 30 Apr 2020 20:27:10 +0200
Subject: [PATCH] Use input components for LoginPage

Change-Id: Icaaa579eaeaaafe183fb027e4d3bf206f8f5516a
---
 src/components/LoginPage.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/LoginPage.js b/src/components/LoginPage.js
index 9cbcf6e..520a26c 100644
--- a/src/components/LoginPage.js
+++ b/src/components/LoginPage.js
@@ -6,8 +6,10 @@ import {
   useLocale,
   useSetLocale,
   useTranslate,
+  PasswordInput,
+  TextInput,
 } from "react-admin";
-import { Field, Form } from "react-final-form";
+import { Form } from "react-final-form";
 import {
   Avatar,
   Button,
@@ -155,29 +157,32 @@ const LoginPage = ({ theme }) => {
                   </Select>
                 </div>
                 <div className={classes.input}>
-                  <Field
-                    autoFocus
+                  <TextInput
                     name="homeserver"
                     component={renderInput}
                     label={translate("synapseadmin.auth.homeserver")}
                     disabled={loading}
+                    fullWidth
                   />
                 </div>
                 <div className={classes.input}>
-                  <Field
+                  <TextInput
+                    autoFocus
                     name="username"
                     component={renderInput}
                     label={translate("ra.auth.username")}
                     disabled={loading}
+                    fullWidth
                   />
                 </div>
                 <div className={classes.input}>
-                  <Field
+                  <PasswordInput
                     name="password"
                     component={renderInput}
                     label={translate("ra.auth.password")}
                     type="password"
                     disabled={loading}
+                    fullWidth
                   />
                 </div>
               </div>