From 4171c4845aeed5b54b0a8b7a49bcef85b393e45a Mon Sep 17 00:00:00 2001
From: jangheon Pyo <ifheone@gmail.com>
Date: Thu, 18 Jul 2024 19:54:17 +0900
Subject: [PATCH] [Category] Chage category width and add popular show
 conditional statement

---
 .../ItemContents/ItemContents.module.less              |  1 -
 .../NoResultsCategoryItems.module.less                 |  1 +
 .../NoResultsCategory/NoResultsCategoryShows.jsx       | 10 +++++++---
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less
index 498c2ea5..7a15773a 100644
--- a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less
+++ b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/ItemContents/ItemContents.module.less
@@ -8,6 +8,5 @@
   margin-top: 34px;
   > div {
     margin: 0 15px 15px 0;
-    width: 100%;
   }
 }
diff --git a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryItems.module.less b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryItems.module.less
index c107cf02..0a3a44b2 100644
--- a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryItems.module.less
+++ b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryItems.module.less
@@ -2,6 +2,7 @@
 @import "../../../../style/utils.module.less";
 
 .container {
+  width: 100%;
   margin-top: 100px;
 
   .info {
diff --git a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryShows.jsx b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryShows.jsx
index bbc2844b..b39cc7c1 100644
--- a/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryShows.jsx
+++ b/com.twin.app.shoptime/src/views/CategoryPanel/CategoryContents/NoResultsCategory/NoResultsCategoryShows.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { useSelector } from "react-redux";
 
 import NoResultsImage from "../../../../../assets/images/searchpanel/img-search-nodata.png";
 import { $L } from "../../../../utils/helperMethods";
@@ -6,6 +7,7 @@ import PopularShow from "../../../HomePanel/PopularShow/PopularShow";
 import css from "./NoResultsCategoryShow.module.less";
 
 export default function NoResultsCategoryShows() {
+  const topInfos = useSelector((state) => state.main?.top20ShowData?.topInfos);
   return (
     <div className={css.container}>
       <div className={css.info}>
@@ -14,9 +16,11 @@ export default function NoResultsCategoryShows() {
         </div>
         <p>{$L("THERE ARE NO SHOWS AVAILABLE")}</p>
       </div>
-      <div className={css.popularShowWrap}>
-        <PopularShow homeChk={false} />
-      </div>
+      {topInfos?.length > 0 && (
+        <div className={css.popularShowWrap}>
+          <PopularShow homeChk={false} />
+        </div>
+      )}
     </div>
   );
 }