From a1c5e25840d69718c0b9bcb9518c5420d3c24049 Mon Sep 17 00:00:00 2001
From: kohei-s <koheisuzuki@me.com>
Date: Wed, 15 May 2024 11:26:36 +0200
Subject: [PATCH 1/2] Correct typo in frontend

---
 frontend/src/Security/LoginPage.tsx    | 2 +-
 frontend/src/Security/RegisterPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/Security/LoginPage.tsx b/frontend/src/Security/LoginPage.tsx
index 15599d8..4683934 100644
--- a/frontend/src/Security/LoginPage.tsx
+++ b/frontend/src/Security/LoginPage.tsx
@@ -26,7 +26,7 @@ export default function LoginPage(props: Props) {
                                placeholder={"Username"}/>
                 </Typography>
                 <Typography component="div">
-                    <TextField id="login-passwort" label="passwort" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
+                    <TextField id="login-password" label="password" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
                                placeholder={"Password"} type={"password"}/>
                 </Typography>
                 <Button variant="contained" onClick={onLogin}  disableRipple={true} sx={{
diff --git a/frontend/src/Security/RegisterPage.tsx b/frontend/src/Security/RegisterPage.tsx
index 4255fd0..ec24e80 100644
--- a/frontend/src/Security/RegisterPage.tsx
+++ b/frontend/src/Security/RegisterPage.tsx
@@ -23,7 +23,7 @@ export default function RegisterPage(props: Props) {
                                placeholder={"Username"}/>
                 </Typography>
                 <Typography component="div">
-                    <TextField id="register-passwort" label="passwort" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
+                    <TextField id="register-password" label="password" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
                                placeholder={"Password"} type={"password"}/>
                 </Typography>
                 <Button variant="contained" onClick={onRegister} disableRipple={true} sx={{

From b5c66818a851b82c90f829eec549bebfb7f96d35 Mon Sep 17 00:00:00 2001
From: kohei-s <koheisuzuki@me.com>
Date: Wed, 15 May 2024 11:39:20 +0200
Subject: [PATCH 2/2] Remove redundant code in LoginPage.tsx and
 RegisterPage.tsx

---
 frontend/src/Security/LoginPage.tsx    | 46 ++++++++++++++------------
 frontend/src/Security/RegisterPage.tsx | 46 ++++++++++++++------------
 2 files changed, 50 insertions(+), 42 deletions(-)

diff --git a/frontend/src/Security/LoginPage.tsx b/frontend/src/Security/LoginPage.tsx
index 4683934..c38fb81 100644
--- a/frontend/src/Security/LoginPage.tsx
+++ b/frontend/src/Security/LoginPage.tsx
@@ -19,27 +19,31 @@ export default function LoginPage(props: Props) {
 
 
     return (
-        <>
-            <div className={"login-form"}>
-                <Typography component="div">
-                    <TextField id="login-username" label="username" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setUsername(event.target.value)}}
-                               placeholder={"Username"}/>
-                </Typography>
-                <Typography component="div">
-                    <TextField id="login-password" label="password" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
-                               placeholder={"Password"} type={"password"}/>
-                </Typography>
-                <Button variant="contained" onClick={onLogin}  disableRipple={true} sx={{
-                    maxWidth: 100,
-                    margin: 5,
-                    background: "#69d1ca",
-                    boxShadow: 0,
-                    borderRadius: '15px'
-                }}>Login</Button>
-                <div>
-                    <Link to="/register" className="link">☺︎ Not registered yet?</Link>
-                </div>
+        <div className={"login-form"}>
+            <Typography component="div">
+                <TextField id="login-username" label="username"
+                           onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
+                               setUsername(event.target.value)
+                           }}
+                           placeholder={"Username"}/>
+            </Typography>
+            <Typography component="div">
+                <TextField id="login-password" label="password"
+                           onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
+                               setPassword(event.target.value)
+                           }}
+                           placeholder={"Password"} type={"password"}/>
+            </Typography>
+            <Button variant="contained" onClick={onLogin} disableRipple={true} sx={{
+                maxWidth: 100,
+                margin: 5,
+                background: "#69d1ca",
+                boxShadow: 0,
+                borderRadius: '15px'
+            }}>Login</Button>
+            <div>
+                <Link to="/register" className="link">☺︎ Not registered yet?</Link>
             </div>
-        </>
+        </div>
     )
 }
diff --git a/frontend/src/Security/RegisterPage.tsx b/frontend/src/Security/RegisterPage.tsx
index ec24e80..78d85c0 100644
--- a/frontend/src/Security/RegisterPage.tsx
+++ b/frontend/src/Security/RegisterPage.tsx
@@ -16,27 +16,31 @@ export default function RegisterPage(props: Props) {
     }
 
     return (
-        <>
-            <div className={"register-form"}>
-                <Typography component="div">
-                    <TextField id="register-username" label="username" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setUsername(event.target.value)}}
-                               placeholder={"Username"}/>
-                </Typography>
-                <Typography component="div">
-                    <TextField id="register-password" label="password" onInput={(event: React.ChangeEvent<HTMLInputElement>) => {setPassword(event.target.value)}}
-                               placeholder={"Password"} type={"password"}/>
-                </Typography>
-                <Button variant="contained" onClick={onRegister} disableRipple={true} sx={{
-                    maxWidth: 100,
-                    margin: 5,
-                    background: "#55a8a2",
-                    boxShadow: 0,
-                    borderRadius: '15px'
-                }}>Register</Button>
-                <div className="link">
-                    ☺︎ Welcome to the KoToKo!
-                </div>
+        <div className={"register-form"}>
+            <Typography component="div">
+                <TextField id="register-username" label="username"
+                           onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
+                               setUsername(event.target.value)
+                           }}
+                           placeholder={"Username"}/>
+            </Typography>
+            <Typography component="div">
+                <TextField id="register-password" label="password"
+                           onInput={(event: React.ChangeEvent<HTMLInputElement>) => {
+                               setPassword(event.target.value)
+                           }}
+                           placeholder={"Password"} type={"password"}/>
+            </Typography>
+            <Button variant="contained" onClick={onRegister} disableRipple={true} sx={{
+                maxWidth: 100,
+                margin: 5,
+                background: "#55a8a2",
+                boxShadow: 0,
+                borderRadius: '15px'
+            }}>Register</Button>
+            <div className="link">
+                ☺︎ Welcome to the KoToKo!
             </div>
-        </>
+        </div>
     )
 }