From 039b80176983ac4741ffc870b80cb35036ee49d5 Mon Sep 17 00:00:00 2001
From: kang <kangju2000@naver.com>
Date: Tue, 24 Oct 2023 20:00:13 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=EB=A7=81=20=EC=8B=9C=20=EB=8B=A4=EC=8B=9C=20=ED=81=AC?=
 =?UTF-8?q?=EB=A1=A4=EB=A7=81=ED=95=98=EC=A7=80=20=EB=AA=BB=ED=95=98?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ContentModal.tsx   | 14 +++++---------
 src/components/PopoverOptions.tsx |  2 ++
 src/hooks/useGetContents.ts       |  1 +
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/ContentModal.tsx b/src/components/ContentModal.tsx
index 8e8b456..08d42ed 100644
--- a/src/components/ContentModal.tsx
+++ b/src/components/ContentModal.tsx
@@ -62,9 +62,9 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
             _hover={{ bg: 'none', color: 'inherit' }}
             _focus={{ bg: 'none', color: 'inherit' }}
             _active={{ bg: 'none' }}
-            _focusVisible={{
-              boxShadow: 'none',
-            }}
+            _focusVisible={{ boxShadow: 'none' }}
+            _light={{ color: 'gray.600' }}
+            _dark={{ color: 'gray.400' }}
           />
         </ModalHeader>
         <Divider m="0" />
@@ -209,7 +209,7 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
             }
           />
           <Spacer />
-          <Center cursor="pointer">
+          <Center cursor="pointer" onClick={refetch}>
             <Text
               fontSize="12px"
               _light={{ color: 'gray.600' }}
@@ -218,11 +218,7 @@ const ContentModal = ({ isOpen, onClose }: Props) => {
             >
               {isLoading ? '불러오는 중...' : `${formatDate(ko, updateAt)} 업데이트`}
             </Text>
-            <RefreshIcon
-              _light={{ color: 'gray.600' }}
-              _dark={{ color: 'gray.400' }}
-              onClick={refetch}
-            />
+            <RefreshIcon _light={{ color: 'gray.600' }} _dark={{ color: 'gray.400' }} />
           </Center>
         </ModalFooter>
       </ModalContent>
diff --git a/src/components/PopoverOptions.tsx b/src/components/PopoverOptions.tsx
index 2d8df34..e0de772 100644
--- a/src/components/PopoverOptions.tsx
+++ b/src/components/PopoverOptions.tsx
@@ -44,6 +44,8 @@ const PopoverOptions = ({ triggerElement }: Props) => {
           top="8px"
           right="4px"
           outline="none !important"
+          _light={{ color: 'gray.600' }}
+          _dark={{ color: 'gray.400' }}
         />
         <Divider m="0" />
         <PopoverBody p="12px">
diff --git a/src/hooks/useGetContents.ts b/src/hooks/useGetContents.ts
index bb14ad5..4f54254 100644
--- a/src/hooks/useGetContents.ts
+++ b/src/hooks/useGetContents.ts
@@ -75,6 +75,7 @@ const useGetContents = (options: Options) => {
   }
 
   const refetch = () => {
+    if (isLoading) return
     setIsLoading(true)
     getData()
   }