[hotpicks]데이터없을시 노출되는 화면 적용

com.twin.app.shoptime/src/views/HotPicksPanel/Type/NoDataType/NoDataType.jsx

@@ -1,7 +1,17 @@
 import React from "react";
 
+import Spottable from "@enact/spotlight/Spottable";
+
+import NoDataImg from "../../../../../assets/images/img-my-info-billing@3x.png";
+import CustomImage from "../../../../components/CustomImage/CustomImage";
 import css from "../NoDataType/NoDataType.module.less";
 
 export default function NoDataType() {
-  return <></>;
+  const SpottableComponent = Spottable("div");
+  return (
+    <SpottableComponent className={css.NoDataType}>
+      <CustomImage delay={0} animationSpeed="fast" src={NoDataImg} />
+      <span>There are no themes available</span>
+    </SpottableComponent>
+  );
 }

com.twin.app.shoptime/src/views/HotPicksPanel/Type/NoDataType/NoDataType.module.less

@@ -0,0 +1,23 @@
+@import "../../../../style/CommonStyle.module.less";
+@import "../../../../style/utils.module.less";
+
+.NoDataType {
+  display: flex;
+  .size(@w:100%, @h:1080px);
+  align-items: center;
+  text-align: center;
+  flex-direction: column;
+  justify-content: center;
+  > img {
+    .size(@w:360px, @h:180px);
+    flex: none;
+    display: inline-block;
+  }
+  > span {
+    flex: none;
+    font-size: 36px;
+    font-weight: bold;
+    color: #a3a3a3;
+    display: block;
+  }
+}