From b0636e0543d1a86a6fbee450f52e160763588483 Mon Sep 17 00:00:00 2001
From: Jeongjin Oh <rojay.developer@gmail.com>
Date: Wed, 1 May 2024 15:28:18 +0900
Subject: [PATCH] =?UTF-8?q?refactor:=20Skeleton=20props=20=EA=B0=9C?=
 =?UTF-8?q?=EC=84=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/atoms/skeleton/Skeleton.tsx               | 12 +++++-------
 .../promotionModal/PromotionModalDetail.tsx          |  2 +-
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/components/atoms/skeleton/Skeleton.tsx b/components/atoms/skeleton/Skeleton.tsx
index 72366676b..b736c7cf4 100644
--- a/components/atoms/skeleton/Skeleton.tsx
+++ b/components/atoms/skeleton/Skeleton.tsx
@@ -1,17 +1,15 @@
-import { Skeleton as ChakraSkeleton } from "@chakra-ui/react";
+import { Skeleton as ChakraSkeleton, SkeletonProps } from "@chakra-ui/react";
+import { PropsWithChildren } from "react";
 
-interface ISkeleton {
-  children: React.ReactNode;
-  isLoad?: boolean;
-}
+interface ISkeleton extends Pick<SkeletonProps, "isLoaded"> {}
 
-function Skeleton({ children, isLoad }: ISkeleton) {
+function Skeleton({ children, isLoaded = false }: PropsWithChildren<ISkeleton>) {
   return (
     <ChakraSkeleton
       borderRadius="8px"
       startColor="RGB(227, 230, 235)"
       endColor="rgb(246,247,249)"
-      isLoaded={isLoad}
+      isLoaded={isLoaded}
       height="100%"
       width="100%"
     >
diff --git a/modals/aboutHeader/promotionModal/PromotionModalDetail.tsx b/modals/aboutHeader/promotionModal/PromotionModalDetail.tsx
index e130eb0ea..e5d9257d9 100644
--- a/modals/aboutHeader/promotionModal/PromotionModalDetail.tsx
+++ b/modals/aboutHeader/promotionModal/PromotionModalDetail.tsx
@@ -23,7 +23,7 @@ function PromotionModalDetail() {
       <div>
         <span>현재 참여 수</span>
         <VoteNum>
-          <Skeleton isLoad={!isLoading}>
+          <Skeleton isLoaded={!isLoading}>
             {applyCnt || ""}명<Temp>(중복 포함)</Temp>
           </Skeleton>
         </VoteNum>