diff --git a/src/components/atoms/Lottie.tsx b/src/components/atoms/Lottie.tsx index cc1d35c..68ea74f 100644 --- a/src/components/atoms/Lottie.tsx +++ b/src/components/atoms/Lottie.tsx @@ -3,7 +3,15 @@ import animationData from './../../assets/lottie.webp'; import Image from 'next/image'; const LottieComponent = () => { - return 로딩중; + return ( + 로딩중 + ); }; export default LottieComponent; diff --git a/src/components/organisms/FridgeBoard.tsx b/src/components/organisms/FridgeBoard.tsx index 7a5200e..9813274 100644 --- a/src/components/organisms/FridgeBoard.tsx +++ b/src/components/organisms/FridgeBoard.tsx @@ -1,5 +1,5 @@ import React, { useRef, useState } from 'react'; -import { Container } from '@/components/atoms'; +import { Container, Lottie } from '@/components/atoms'; import { EmptyBox, FridgeTab, IngredientItemBox } from '@/components/molecules'; import { IngredientModal } from '.'; import { @@ -11,7 +11,6 @@ import { } from '@chakra-ui/react'; import { useGetFridgeContentById } from '@/hooks/queries/fridge'; import { useObserver } from '@/hooks/useObserver'; -import { SuspenseFallback } from '../templates'; import { useRouter } from 'next/router'; const FridgeBoard: React.FC = () => { @@ -109,11 +108,7 @@ const FridgeBoard: React.FC = () => { ), )} - {isFetchingIngredientNextPage ? ( - - ) : ( -
- )} + {isFetchingIngredientNextPage ? :
}