fixed: 안되던 부분들 수정, 미리보기 일단 비활성화 #234

src/components/MyPage/Azone.js

@@ -67,11 +67,17 @@ function Azone({ myInfo, setPopUp, popUp, setBindingPopUp, bindingPopUp }) {
         >
           <ProfileBlock
             // 기존에 있던 버튼 컴포넌트 재활용_이름 변경 혹은 별도 컴포넌트로 분리 필요
+            addBlock
             setPopUp={setBindingPopUp}
             popUp={bindingPopUp}
             buttonText='페이지 합치기'
           />
-          <ProfileBlock setPopUp={setPopUp} popUp={popUp} />
+          <ProfileBlock
+            addBlock
+            setPopUp={setPopUp}
+            popUp={popUp}
+            buttonText='프로필 수정'
+          />
         </div>
       </div>
     </div>

src/components/MyPage/BindingButtonSet.jsx

@@ -144,7 +144,7 @@ const BindingButtonSet = (props) => {
       <button
         type='button'
         css={[CommonButtonStyle, WhiteButtonColor]}
-        onClick={() => setPreviewPopUp(true)}
+        onClick={saveTemporarily}
       >
         미리보기
       </button>
@@ -169,7 +169,11 @@ const BindingButtonSet = (props) => {
         hasButton={hasButton}
       />
       {previewPopUp && (
-        <BindingPreview inputs={inputs} setPopUp={setPreviewPopUp} />
+        <BindingPreview
+          inputs={inputs}
+          setPopUp={setPreviewPopUp}
+          userSeq={userSeq}
+        />
       )}
     </div>
   );

src/components/MyPage/BindingPopUp.jsx

@@ -34,7 +34,7 @@ function BindingPopUp({ userSeq, setPopUp }) {
   useEffect(() => {
     setInputs({
       ...inputs,
-      singlePages: { selectedPages },
+      singlePages: selectedPages,
     });
   }, [selectedPages]);
 

src/components/MyPage/BindingPreview.jsx

@@ -9,7 +9,7 @@ import {
 import { closeSet } from '../../asset';
 
 const BindingPreview = (props) => {
-  const { inputs, setPopUp } = props;
+  const { inputs, setPopUp, userSeq } = props;
   const { btn, img } = getAbsoluteBtn(25, 42, 25);
 
   return (
@@ -25,44 +25,19 @@ const BindingPreview = (props) => {
           <img alt='img' height='50px' src={closeSet} />
         </div>
       </button>
-      <MultiPage />
+      <MultiPage pagesData={inputs} userSeq={userSeq} isPreview />
     </div>
   );
 };
 
 export default BindingPreview;
 
 const previewLayout = css`
-  position: fixed;
+  position: absolute;
   box-sizing: border-box;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 97vw;
-  max-width: 1483px;
-  height: 55vw;
-  max-height: 836px;
-  @media screen and (max-height: 830px) {
-    width: 85vw;
-    height: 48vw;
-  }
-  z-index: 12;
-  padding: 30px 40px 30px 40px;
+  width: 100%;
+  height: 100%;
+  z-index: 1000;
+  padding: 110px 40px 30px 40px;
   background-color: white;
 `;
-
-const pagePopUpBoxCloseButton = css`
-  width: 25px;
-  height: 25px;
-  border-radius: 30px;
-  border: 0;
-  position: absolute;
-  left: 95%;
-  top: 3%;
-  font-size: 15px;
-  margin-bottom: 10px;
-  background-color: lightgray;
-  &:hover {
-    background-color: darkgray;
-  }
-`;

src/components/MyPage/PageBlock.js

@@ -8,7 +8,6 @@ import { useGetPersonalUrl } from '../../hooks/useParamsUrl';
 // eslint-disable-next-line no-unused-vars
 
 function PageBlock({ data, popUp, setPopUp, userUrl }) {
-  console.log(data);
   return (
     <>
       {!data ? (

src/pages/MyPage.js

@@ -61,7 +61,10 @@ function MyPage() {
         setUserMatched(true);
         setNickname(myInfo.nickname);
         setUserUrl(myInfo.url);
-        if (userSeq) requestBZoneData();
+        if (userSeq) {
+          requestSinglePagesData();
+          requestBZoneData();
+        }
         // 다른 사람 페이지일 경우
       } else {
         setUserMatched(false);
@@ -104,7 +107,7 @@ function MyPage() {
   }, [singlePagesData]);
 
   function bzoneimage() {
-    console.log(bZoneData);
+    // console.log(bZoneData);
     if (bZoneData && bZoneData.data.message === 'ok') {
       const usersb = bZoneData.data.data;
 
@@ -144,9 +147,9 @@ function MyPage() {
           myInfo={myInfo}
           setPopUp={setProfilePopUp}
           popUp={profilePopUp}
-          setBindingPopUp
-          bindingPopUp
-        />{' '}
+          setBindingPopUp={setBindingPopUp}
+          bindingPopUp={bindingPopUp}
+        />
         <hr css={[divLine]} />
         <div css={MyPageBZoneWrapper}>
           <div css={MyPageBZone}>