Feat: 트렌딩리스트 배경색에도 변경된 컬러 API 반영

8-Sprinters · May 15, 2024 · 740bfc7 · 740bfc7
1 parent 1d641f8
commit 740bfc7
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/components/exploreComponents/TrendingLists.tsx b/src/components/exploreComponents/TrendingLists.tsx
@@ -18,6 +18,7 @@ import oceanEmoji from '/public/images/ocean.png';
 import fallbackProfile from '/public/images/fallback_profileImage.webp';
 import { commonLocale } from '@/components/locale';
 import { useLanguage } from '@/store/useLanguage';
+import { BACKGROUND_COLOR_READ } from '@/styles/Color';
 
 /**@todo 트렌딩 리스트 바뀐 디자인에 맞게 새로 갈아엎을 예정 */
 
@@ -147,9 +148,13 @@ function TrendingListItem({ item, index }: TrendingListItemProps) {
           <div
             className={styles.itemWrapper}
             style={assignInlineVars({
-              [styles.customBackgroundColor]: item?.backgroundColor,
+              [styles.customBackgroundColor]:
+                BACKGROUND_COLOR_READ[item?.backgroundColor as keyof typeof BACKGROUND_COLOR_READ],
               [styles.customBorderRadius]: swiperSliderStyle[STYLE_INDEX(index)]['borderRadius'],
-              [styles.customItemBorder]: item?.backgroundColor === '#FFFFFF' ? `1px solid ${vars.color.gray7}` : '',
+              [styles.customItemBorder]:
+                item?.backgroundColor === 'LISTY_WHITE' || item?.backgroundColor === 'GRAY_LIGHT'
+                  ? `1px solid ${vars.color.gray7}`
+                  : '',
             })}
           >
             <TrendingListInformation item={item} />