diff --git a/src/components/account/mypage/MypageForm.js b/src/components/account/mypage/AccountMypageForm.js similarity index 97% rename from src/components/account/mypage/MypageForm.js rename to src/components/account/mypage/AccountMypageForm.js index e2b4ec61..f636c34c 100644 --- a/src/components/account/mypage/MypageForm.js +++ b/src/components/account/mypage/AccountMypageForm.js @@ -12,7 +12,8 @@ import '../../../assets/css/custom.css'; //import {UserPageState,UserPageData,initResponseUserPageData} from '../../../../modules/account/login/models/authModel'; //const [detailData, setDetailData] = useState(userPage.UserPageData); -const MypageForm = ({ userInfo, formModal }) => { +const AccountMypageForm = ({ userInfo, handler, formModal}) => { + return ( @@ -69,7 +70,7 @@ const MypageForm = ({ userInfo, formModal }) => { 휴대폰 번호
- setFormModal(!formModal)}> + 변경
@@ -77,10 +78,10 @@ const MypageForm = ({ userInfo, formModal }) => {
setFormModal(!formModal)} + toggle={handler} className='modal-dialog-centered' > - setFormModal(!formModal)}> + 휴대폰번호 변경 @@ -128,7 +129,7 @@ const MypageForm = ({ userInfo, formModal }) => { @@ -153,4 +154,4 @@ const MypageForm = ({ userInfo, formModal }) => { ) } -export default MypageForm; +export default AccountMypageForm; diff --git a/src/components/account/mypage/MypagePwForm.js b/src/components/account/mypage/AccountMypagePwForm.js similarity index 95% rename from src/components/account/mypage/MypagePwForm.js rename to src/components/account/mypage/AccountMypagePwForm.js index 1bc169dc..accb0b93 100644 --- a/src/components/account/mypage/MypagePwForm.js +++ b/src/components/account/mypage/AccountMypagePwForm.js @@ -9,7 +9,7 @@ import { // ** Styles import '../../../assets/css/custom.css'; -const MypagePwForm = ({ userInfo, formModal }) => { +const AccountMypagePwForm = ({ userInfo, formModal }) => { return (
@@ -47,5 +47,5 @@ const MypagePwForm = ({ userInfo, formModal }) => { ) } -export default MypagePwForm; +export default AccountMypagePwForm; diff --git a/src/containers/analysis/mypage/MypageContainer.js b/src/containers/account/mypage/AccountMypageContainer.js similarity index 84% rename from src/containers/analysis/mypage/MypageContainer.js rename to src/containers/account/mypage/AccountMypageContainer.js index 7e97c27f..009fb867 100644 --- a/src/containers/analysis/mypage/MypageContainer.js +++ b/src/containers/account/mypage/AccountMypageContainer.js @@ -11,12 +11,12 @@ import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap' -import MypagePwForm from '../../../components/account/mypage/MypagePwForm'; -import MypageForm from '../../../components/account/mypage/MypageForm'; +import AccountMypagePwForm from '../../../components/account/mypage/AccountMypagePwForm'; +import AccountMypageForm from '../../../components/account/mypage/AccountMypageForm'; import { userPageAction } from '../../../modules/account/login/actions/authAction'; // ** Function to toggle tabs -const MypageContainer = () => { +const AccountMypageContainer = () => { const [activeTab, setActiveTab] = useState('1'), store = useSelector(state => state.users), dispatch = useDispatch(), @@ -39,6 +39,10 @@ const MypageContainer = () => { } }, []); + const handler = () => { + setFormModal(!formModal) + } + return (
@@ -57,20 +61,21 @@ const MypageContainer = () => {
- {activeTab == 1 ? : <> } {activeTab == 2 ? - + : <> }
) } -export default MypageContainer; +export default AccountMypageContainer; diff --git a/src/router/routes/RouteAccount.js b/src/router/routes/RouteAccount.js index b3c859f4..0def04a0 100644 --- a/src/router/routes/RouteAccount.js +++ b/src/router/routes/RouteAccount.js @@ -20,7 +20,7 @@ const RouteAccount = [ { path: '/mypage/myinfo/', component: lazy(() => - import('../../views/Mypage/Mypage') + import('../../views/account/AccountMypage') ) }, { diff --git a/src/views/Mypage/Mypage.js b/src/views/account/AccountMypage.js similarity index 65% rename from src/views/Mypage/Mypage.js rename to src/views/account/AccountMypage.js index d7026b1b..b6bcac21 100644 --- a/src/views/Mypage/Mypage.js +++ b/src/views/account/AccountMypage.js @@ -3,12 +3,12 @@ import { Card, CardBody, Row, Col, Nav, NavItem, NavLink, TabContent, TabPane, A Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap' import React from 'react'; import '../../assets/css/custom.css'; -import MypageContainer from '../../containers/analysis/mypage/MypageContainer'; +import AccountMypageContainer from '../../containers/account/mypage/AccountMypageContainer'; -const Mypage = props => { +const AccountMypage = props => { return ( - + ); }; -export default Mypage; \ No newline at end of file +export default AccountMypage; \ No newline at end of file