DetailPanel 구매불가상품일때 YOUMAYLIKE 크기 수정 && 주석제거

com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx

@@ -55,7 +55,6 @@ export default function ItemDetail() {
     }
   };
 
-  console.log("#panels", panels);
   useEffect(() => {
     getPanelInfo();
 

com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx

@@ -57,13 +57,6 @@ export default function OptionPartnerPrice({
     Spotlight.focus("shopbymobile_Btn");
   }, [productInfos]);
 
-  console.log("#productInfos", productInfos);
-  console.log("#discountRate", discountRate);
-  console.log("#rewardFlag", rewardFlag);
-  console.log("#discountedPrice", discountedPrice);
-  console.log("#discountAmount", discountAmount);
-  console.log("#discountRate", discountRate);
-
   const renderPriceItem = useCallback(() => {
     if (productInfos) {
       if (rewd) {

com.twin.app.shoptime/src/views/DetailPanel/YouMayLike/YouMayLike.jsx

@@ -26,7 +26,6 @@ const SpottableComponent = Spottable("div");
 export default function YouMayLike({ isUnable }) {
   const [focused, setFocused] = useState(false);
   const [expanded, setExpanded] = useState(false);
-  const [unableExpanded, setUnableExpanded] = useState(false);
   const { cursorVisible } = useSelector((state) => state.common.appStatus);
   const dispatch = useDispatch();
   const youmaylikeData = useSelector((state) => state.main.youmaylikeData);
@@ -53,7 +52,7 @@ export default function YouMayLike({ isUnable }) {
   };
 
   const onClickExtraArea = useCallback(() => {
-    setUnableExpanded(false);
+    // setUnableExpanded(false);
     setExpanded(false);
   }, []);
 
@@ -101,13 +100,16 @@ export default function YouMayLike({ isUnable }) {
     },
     [youmaylikeData]
   );
+
+  console.log("#isUnable", isUnable);
+  console.log("#expanded", expanded);
   return (
     <>
       <Container
         className={classNames(
           css.container,
+          isUnable && css.unable,
           expanded && css.expanded,
-          isUnable && unableExpanded && css.unable,
           focused && css.focused
         )}
         spotlightRestrict="self-only"
@@ -119,7 +121,7 @@ export default function YouMayLike({ isUnable }) {
           onBlur={onBlur}
           onClick={onButtonClick}
         >
-          {$L("YOU MAY LIKE")}{" "}
+          {$L("YOU MAY LIKE")}
           <span className={classNames(css.arrow, expanded && css.expanded)} />
         </SpottableComponent>
         <Container className={css.itemWrap}>

com.twin.app.shoptime/src/views/DetailPanel/YouMayLike/YouMayLike.module.less

@@ -15,6 +15,13 @@
     border-top: 4px solid @PRIMARY_COLOR_RED;
   }
 
+  &.unable {
+    .size(@w: 1920px,@h: 144px);
+    background-color: #f8f8f8;
+    position: absolute;
+    top: 936px;
+    left: 0;
+  }
   &.expanded {
     .size(@w: 1920px,@h: 570px);
     background-color: #f8f8f8;
@@ -23,13 +30,6 @@
     left: 0;
   }
 
-  &.unableExpanded {
-    .size(@w: 1920px,@h: 300px);
-    background-color: #f8f8f8;
-    position: absolute;
-    top: 510px;
-    left: 0;
-  }
   .button {
     .flex();
     .size(@w: 324px,@h: 78px);

com.twin.app.shoptime/src/views/DetailPanel/components/ProductOption.jsx

@@ -12,7 +12,6 @@ export default function ProductOption({ children, productInfo }) {
   const { patncLogoPath, prdtId, prdtNm, revwGrd, pmtSuptYn } =
     productInfo || productDataInfos;
 
-  console.log("#product");
   return (
     <div className={css.optionContainer}>
       {(productInfo || productDataInfos) && (