From dc156ccb0bcf97f9e4d1c5d921bab0a61fa6e9b8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EA=B9=80=EB=B3=91=ED=98=84?= Date: Wed, 6 Sep 2023 11:39:42 +0900 Subject: [PATCH] =?UTF-8?q?[Fix]=EB=92=A4=EB=A1=9C=EA=B0=80=EA=B8=B0=20?= =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EB=A1=A4=EB=B0=B1=20=EB=92=A4=EB=A1=9C?= =?UTF-8?q?=EA=B0=80=EA=B8=B0=20=EA=B8=B0=EB=8A=A5=20=EC=82=AD=EC=A0=9C=20?= =?UTF-8?q?=EC=9D=B4=EB=A9=94=EC=9D=BC=EA=B4=80=EB=A0=A8=20=EB=A9=94?= =?UTF-8?q?=EC=9D=B8=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=98=A4=EB=A5=98=20?= =?UTF-8?q?=ED=95=B4=EA=B2=B0=20Issues=20#15?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- client/src/components/Signups/EmailSignup.tsx | 11 ++++++++++- client/src/page/MainPage.tsx | 9 +++++---- client/src/store/config.ts | 5 +++++ 3 files changed, 20 insertions(+), 5 deletions(-) diff --git a/client/src/components/Signups/EmailSignup.tsx b/client/src/components/Signups/EmailSignup.tsx index aba79daa..7d519be7 100644 --- a/client/src/components/Signups/EmailSignup.tsx +++ b/client/src/components/Signups/EmailSignup.tsx @@ -1,3 +1,4 @@ +// client/src/components/Signups/EmailSignup.tsx import axios from 'axios'; import styled from 'styled-components'; import React, { useState } from 'react'; @@ -71,7 +72,8 @@ type EmailSignupModalProps = { onRequestVerification: () => void; }; -// 스타일 컴포넌트 정의 + +//모달 배경 const ModalBackground = styled.div` display: flex; justify-content: center; @@ -84,6 +86,7 @@ const ModalBackground = styled.div` background-color: rgba(0, 0, 0, 0.5); `; +//모달 컨테이너 const ModalContainer = styled.div` position: relative; background-color: white; @@ -95,6 +98,8 @@ const ModalContainer = styled.div` align-items: center; `; + +//닫기 버튼 const CloseButton = styled.button` position: absolute; top: 10px; @@ -105,16 +110,19 @@ const CloseButton = styled.button` cursor: pointer; `; +//제목 :이메일로 회원가입 const Title = styled.h2` margin-bottom: 20px; font-size: 1.6rem; `; +//라벨 : 이메일 const Label = styled.label` align-self: flex-start; margin-top: 10px; `; +//이메일 입력창 const Input = styled.input` width: 100%; padding: 10px; @@ -123,6 +131,7 @@ const Input = styled.input` border-radius: 5px; `; +//이메일 인증요청 버튼 const SignupButton = styled.button` width: 100%; padding: 10px; diff --git a/client/src/page/MainPage.tsx b/client/src/page/MainPage.tsx index c62a047f..cae65f05 100644 --- a/client/src/page/MainPage.tsx +++ b/client/src/page/MainPage.tsx @@ -108,10 +108,11 @@ const MainPage = () => { {isEmailVerificationModalOpen && } {isPasswordSettingModalOpen && ( { - handleLogin(); - closePasswordSettingModal(); - }} + onClose={() => { + handleLogin(); + closePasswordSettingModal(); + }} + email="example@example.com" // 예시 email 값을 전달. 실제 필요한 email 값을 사용하세요. /> )} diff --git a/client/src/store/config.ts b/client/src/store/config.ts index 2c2e91ce..1a680ba5 100644 --- a/client/src/store/config.ts +++ b/client/src/store/config.ts @@ -5,6 +5,8 @@ import { stockOrderPriceReducer } from "../reducer/StockOrderPrice-Reducer"; import { expandScreenReducer } from "../reducer/ExpandScreen-Reducer"; import { stockOrderSetReducer } from "../reducer/StockOrderSet-Reducer"; + + const store = configureStore({ reducer: { stockOrderType: stockOrderTypeReducer, @@ -12,7 +14,10 @@ const store = configureStore({ stockOrderPrice: stockOrderPriceReducer, expandScreen: expandScreenReducer, stockOrderSet: stockOrderSetReducer, + }, }); + + export default store;