diff --git a/.yarn/cache/fsevents-patch-21ad2b1333-8.zip b/.yarn/cache/fsevents-patch-21ad2b1333-8.zip new file mode 100644 index 00000000..c6a96dfc Binary files /dev/null and b/.yarn/cache/fsevents-patch-21ad2b1333-8.zip differ diff --git a/src/page/MyShopPage/components/EventTable/EventTable.module.scss b/src/page/MyShopPage/components/EventTable/EventTable.module.scss index afce81be..516287ab 100644 --- a/src/page/MyShopPage/components/EventTable/EventTable.module.scss +++ b/src/page/MyShopPage/components/EventTable/EventTable.module.scss @@ -63,3 +63,23 @@ background: #eee; } } + +.event-default-img-container { + border-radius: 5px; + padding: 77px 44px; + display: flex; + flex-direction: column; + gap: 5px; + justify-content: center; + align-items: center; +} + +.event-default-img { + width: 100%; + height: auto; +} + +.event-default-text { + color: #8e8e8e; + font-size: 14px; +} diff --git a/src/page/MyShopPage/components/EventTable/components/EventCard/EventCard.module.scss b/src/page/MyShopPage/components/EventTable/components/EventCard/EventCard.module.scss index da0e454d..bd56619d 100644 --- a/src/page/MyShopPage/components/EventTable/components/EventCard/EventCard.module.scss +++ b/src/page/MyShopPage/components/EventTable/components/EventCard/EventCard.module.scss @@ -90,3 +90,26 @@ left: -7px; background-color: transparent; } + +.default-event-thumbnail-img-container { + background-color: #f5f5f5; + border-radius: 5px; + width: 100%; + padding: 77px 44px; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + box-sizing: border-box; + gap: 5px; +} + +.default-event-thumbnail-img { + width: 100%; + height: auto; +} + +.default-event-thumbnail-text { + color: #8e8e8e; + font-size: 14px; +} diff --git a/src/page/MyShopPage/components/EventTable/components/EventCard/index.tsx b/src/page/MyShopPage/components/EventTable/components/EventCard/index.tsx index 5a93a52e..31dcadd6 100644 --- a/src/page/MyShopPage/components/EventTable/components/EventCard/index.tsx +++ b/src/page/MyShopPage/components/EventTable/components/EventCard/index.tsx @@ -24,6 +24,42 @@ export default function EventCard({ setHiddenInfo(false); } else setHiddenInfo(true); }; + const renderThumbnail = () => { + if (event.thumbnail_images.length > 1) { + return ( + + ); + } + // 전체보기가 아닌 경우 로고를 보여주고 전체보기의 경우 기본 이미지를 보여준다. + if (hiddenInfo) { + return ( + + ); + } + + return ( +