fix: 데이터 크롤링 시 다시 크롤링하지 못하도록 수정

kangju2000 · Oct 24, 2023 · 039b801 · 039b801
1 parent c225a0a
commit 039b801
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git 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
@@ -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
@@ -75,6 +75,7 @@ const useGetContents = (options: Options) => {
   }
 
   const refetch = () => {
+    if (isLoading) return
     setIsLoading(true)
     getData()
   }