From 7713ad602213f9b58ef9bafc3bc8aade4ad52db9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Fri, 19 Jul 2024 15:49:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20PasswordResetPage=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PasswordResetPage/PasswordResetPage.jsx   | 30 +++++++++++++++++++
 .../PasswordResetPage.module.css              | 12 ++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 frontend/src/pages/PasswordResetPage/PasswordResetPage.jsx
 create mode 100644 frontend/src/pages/PasswordResetPage/PasswordResetPage.module.css

diff --git a/frontend/src/pages/PasswordResetPage/PasswordResetPage.jsx b/frontend/src/pages/PasswordResetPage/PasswordResetPage.jsx
new file mode 100644
index 00000000..08367fcc
--- /dev/null
+++ b/frontend/src/pages/PasswordResetPage/PasswordResetPage.jsx
@@ -0,0 +1,30 @@
+import { AuthForm, InputBox } from '../../components/AuthForm';
+import { useRef } from 'react';
+import styles from './PasswordResetPage.module.css';
+
+export default function PasswordResetPage() {
+  const emailRef = useRef('');
+  const buttonText = useRef('비밀번호 찾기');
+  const handleSubmit = () => {
+    // TODO: 비밀번호 찾기 POST 기능 추가
+    console.log('비밀번호 찾기', emailRef.current.value);
+    buttonText.current = '로그인하러 가기';
+  };
+  return (
+    <div className={styles.wrapper}>
+      <AuthForm
+        submitFunction={handleSubmit}
+        title="비밀번호 찾기"
+        buttonText={buttonText.current}
+      >
+        {/* <div className={styles.text}>비밀번호 초기화 이메일을 보냈습니다. 이메일을 확인해주세요</div> */}
+        <InputBox
+          title="이메일"
+          id="email"
+          type="email"
+          ref={emailRef}
+        />
+      </AuthForm>
+    </div>
+  );
+}
diff --git a/frontend/src/pages/PasswordResetPage/PasswordResetPage.module.css b/frontend/src/pages/PasswordResetPage/PasswordResetPage.module.css
new file mode 100644
index 00000000..3d453446
--- /dev/null
+++ b/frontend/src/pages/PasswordResetPage/PasswordResetPage.module.css
@@ -0,0 +1,12 @@
+.wrapper {
+  padding-top: 120px;
+  max-width: 480px;
+  margin: 0 auto;
+}
+
+.text {
+  text-align: center;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 1.2;
+}