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 ( + {event.title} + ); + } + // 전체보기가 아닌 경우 로고를 보여주고 전체보기의 경우 기본 이미지를 보여준다. + if (hiddenInfo) { + return ( + KOIN service logo + ); + } + + return ( +
+ 이미지를 준비중 입니다. +
사장님이 이미지를 준비 중입니다.
+
+ ); + }; + return (
) : } )} - {event.thumbnail_images ? ( - {event.title} - ) : ( - KOIN service logo - )} + {renderThumbnail()} +
{event.title}
diff --git a/src/page/MyShopPage/components/EventTable/index.tsx b/src/page/MyShopPage/components/EventTable/index.tsx index 45d3d9fe..8cb4ed0a 100644 --- a/src/page/MyShopPage/components/EventTable/index.tsx +++ b/src/page/MyShopPage/components/EventTable/index.tsx @@ -130,7 +130,8 @@ export default function EventTable() { )}
- {eventList && eventList.events.map((event: ShopEvent) => ( + {eventList + && eventList.events.length > 0 ? eventList.events.map((event: ShopEvent) => ( toggleSelectEvent(event.event_id)} /> - ))} + )) : ( +
+ 기술적 오류 발생 +
사장님이 이벤트를 준비 중입니다.
+
+ )} {isModifyErrorModalOpen && createPortal(