Fix: WeeklyPopualarItem

7-7-2 · May 31, 2024 · ac32fe4 · ac32fe4
1 parent 8a81b70
commit ac32fe4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/home/WeeklyPopular.tsx b/src/components/home/WeeklyPopular.tsx
@@ -1,11 +1,14 @@
-import WeeklyPopularItem from '@/components/home/WeeklyPopularItem';
+import { lazy } from 'react';
 import { useGetPopularList } from '@/hooks/home/useGetPopularList';
 import { TODAY_CAFFEINE_INFO_TEXTS } from '@/constants/home';
 import { styled } from 'styled-system/jsx';
 import { cx } from 'styled-system/css';
 import { Grid } from '@/styles/layout';
 import { SmStyle, SumTitle, MarginT12 } from '@/styles/styles';
 
+const WeeklyPopularItem = lazy(
+  () => import('@/components/home/WeeklyPopularItem')
+);
 const { weeklyPopular } = TODAY_CAFFEINE_INFO_TEXTS;
 
 const WeeklyPopular = () => {

diff --git a/src/components/home/WeeklyPopularItem.tsx b/src/components/home/WeeklyPopularItem.tsx
@@ -10,17 +10,17 @@ const WeeklyPopularItem = ({
   data: WeeklyPopularTypes;
   idx: number;
 }) => {
-  const icon = `/png/${data.brand}.png`;
+  const icon = data && `/png/${data?.brand}.png`;
 
   return (
     <Container className={Align}>
       <span>{idx + 1}</span>
       <BrandInfo className={Align}>
         <BrandIcon
           src={icon}
-          alt={data.brand}
+          alt={data?.brand}
         />
-        <span>{convertBrandName(data.brand)}</span>
+        <span>{convertBrandName(data?.brand)}</span>
       </BrandInfo>
     </Container>
   );