From cb02c4a7df4f53b51ee11e7dba1a89a9e4b833e0 Mon Sep 17 00:00:00 2001
From: ek2061 <jackey860517@gmail.com>
Date: Sat, 24 Sep 2022 10:45:48 +0800
Subject: [PATCH] refactor(login): change inline style to class and remove
 unused classes

---
 src/pages/{Login => }/Login.css          | 15 +++++++++++++
 src/pages/{Login/index.jsx => Login.jsx} | 28 +++++-------------------
 2 files changed, 21 insertions(+), 22 deletions(-)
 rename src/pages/{Login => }/Login.css (69%)
 rename src/pages/{Login/index.jsx => Login.jsx} (69%)

diff --git a/src/pages/Login/Login.css b/src/pages/Login.css
similarity index 69%
rename from src/pages/Login/Login.css
rename to src/pages/Login.css
index abf0cc0..a1bfc76 100644
--- a/src/pages/Login/Login.css
+++ b/src/pages/Login.css
@@ -24,3 +24,18 @@
   height: 347px;
   padding: 20px;
 }
+
+.form-input {
+  border-radius: 5px;
+}
+
+.login-button {
+  max-width: 406px;
+  width: 100%;
+  height: 32px;
+  border-radius: 10px;
+  border-color: #20df7f;
+  background: #20df7f;
+  color: #fff;
+  margin-top: 10px;
+}
diff --git a/src/pages/Login/index.jsx b/src/pages/Login.jsx
similarity index 69%
rename from src/pages/Login/index.jsx
rename to src/pages/Login.jsx
index 15f02b6..e4551be 100644
--- a/src/pages/Login/index.jsx
+++ b/src/pages/Login.jsx
@@ -36,9 +36,9 @@ export default function Login() {
           help={errors.username}
         >
           <Input
-            prefix={<UserOutlined className="site-form-item-icon" />}
+            prefix={<UserOutlined />}
             placeholder="Username"
-            style={{ borderRadius: "5px" }}
+            className="form-input"
             onChange={usernameChanged}
           />
         </Form.Item>
@@ -48,35 +48,19 @@ export default function Login() {
           help={errors.password}
         >
           <Input
-            prefix={<LockOutlined className="site-form-item-icon" />}
+            prefix={<LockOutlined />}
             type="password"
             placeholder="Password"
-            style={{ borderRadius: "5px" }}
+            className="form-input"
             onChange={passwordChanged}
           />
         </Form.Item>
         <div style={{ width: "100%", textAlign: "right" }}>
-          <a className="login-form-forgot" href="">
-            Forgot password?
-          </a>
+          <a href="">Forgot password?</a>
         </div>
 
         <Form.Item>
-          <Button
-            type="primary"
-            htmlType="Login"
-            className="login-form-button"
-            style={{
-              maxWidth: "406px",
-              width: "100%",
-              height: "32px",
-              borderRadius: "10px",
-              borderColor: "#20DF7F",
-              background: "#20DF7F",
-              color: "#fff",
-              marginTop: "10px",
-            }}
-          >
+          <Button type="primary" htmlType="Login" className="login-button">
             Log in
           </Button>
         </Form.Item>