From ae4adf967e0123e9ec09ef25c99d8cd671042094 Mon Sep 17 00:00:00 2001
From: Frederic Henrichs <frederic@tinkerforge.com>
Date: Mon, 23 Sep 2024 11:08:28 +0200
Subject: [PATCH] frontend/login: change type of inputs for emails to 'email'

---
 frontend/src/components/login.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/login.tsx b/frontend/src/components/login.tsx
index 265d836..3b89a7a 100644
--- a/frontend/src/components/login.tsx
+++ b/frontend/src/components/login.tsx
@@ -122,7 +122,7 @@ export class Login extends Component<{}, LoginState> {
                     <Modal.Body>
                         <Form.Group className="mb-3" controlId="startRecoveryEmail">
                             <Form.Label>{t("email")}</Form.Label>
-                            <Form.Control type="text" placeholder={t("email")} value={this.state.email} onChange={(e) => {
+                            <Form.Control type="email" placeholder={t("email")} value={this.state.email} onChange={(e) => {
                                 this.setState({email: (e.target as HTMLInputElement).value});
                             }} />
                         </Form.Group>
@@ -141,7 +141,7 @@ export class Login extends Component<{}, LoginState> {
             <Form onSubmit={async (e: SubmitEvent) => this.onSubmit(e)}>
                 <Form.Group className="mb-3" controlId="loginEmail">
                     <Form.Label>{t("email")}</Form.Label>
-                    <Form.Control type="text" placeholder={t("email")} value={this.state.email} onChange={(e) => {
+                    <Form.Control type="email" placeholder={t("email")} value={this.state.email} onChange={(e) => {
                         this.setState({email: (e.target as HTMLInputElement).value});
                     }} />
                 </Form.Group>