refactor: 수동 timer 대신 useInterval 사용

inu-appcenter · Nov 25, 2021 · d6f808e · d6f808e
1 parent a1704a6
commit d6f808e
Showing 1 changed file with 6 additions and 11 deletions.
diff --git a/src/presentation/features/booking/History/index.tsx b/src/presentation/features/booking/History/index.tsx
@@ -23,6 +23,7 @@ import colors from '../../../res/colors';
 import palette from '../../../res/palette';
 import useStores from '../../../hooks/useStores';
 import {observer} from 'mobx-react';
+import useInterval from '../../../hooks/useInterval';
 import BookingItem from './BookingItem';
 import handleApiError from '../../../../common/utils/handleApiError';
 import NoBookingsView from './NoBookingsView';
@@ -39,25 +40,19 @@ function History({navigation}: Props) {
   const {bookingStore} = useStores();
 
   const [loading, fetch] = useApi(() => bookingStore.fetchMyBookings());
-  const [_, refresh] = useApi(() => bookingStore.fetchMyBookings());
+  const [, refresh] = useApi(() => bookingStore.fetchMyBookings());
 
   const myBookings = bookingStore.myBookings;
   const getMyBookings = () => fetch().catch(handleApiError);
-  const silentRefresh = () => refresh().catch();
-
-  const timer = () => {
-    setTimeout(() => {
-      silentRefresh();
-
-      timer();
-    }, 1000);
-  };
 
   useEffect(() => {
     getMyBookings();
-    timer();
   }, []);
 
+  useInterval(() => {
+    refresh().catch();
+  }, 1000 /* 1초에 한번씩 */);
+
   const emptyView = <NoBookingsView />;
 
   const content = (