From 2ba6d0aebffc9be3bbc750d10cd734c5d915bf88 Mon Sep 17 00:00:00 2001
From: saseungmin <dbd02169@naver.com>
Date: Mon, 30 Nov 2020 22:35:38 +0900
Subject: [PATCH] [Refactoring] Change to react-use useInterval

---
 .../introduce/StudyIntroduceForm.jsx          |  2 +-
 .../groups/StudyGroupsContainer.jsx           |  2 +-
 .../introduce/IntroduceContainer.jsx          |  2 +-
 src/util/useInterval.js                       | 22 -------------------
 4 files changed, 3 insertions(+), 25 deletions(-)
 delete mode 100644 src/util/useInterval.js

diff --git a/src/components/introduce/StudyIntroduceForm.jsx b/src/components/introduce/StudyIntroduceForm.jsx
index 73b807b..3c02014 100644
--- a/src/components/introduce/StudyIntroduceForm.jsx
+++ b/src/components/introduce/StudyIntroduceForm.jsx
@@ -138,7 +138,7 @@ const StudyIntroduceForm = ({ group, realTime }) => {
         </IntroduceReference>
         <IntroduceReference>
           <label htmlFor="apply-end">모집 마감 일자 :</label>
-          <Moment interval={0} format="YYYY년 MM월 DD일">{applyEndTime}</Moment>
+          <Moment interval={0} format="YYYY년 MM월 DD일 HH:mm">{applyEndTime}</Moment>
         </IntroduceReference>
         <DateTimeChange
           group={group}
diff --git a/src/containers/groups/StudyGroupsContainer.jsx b/src/containers/groups/StudyGroupsContainer.jsx
index d6c1ae6..b0ab91a 100644
--- a/src/containers/groups/StudyGroupsContainer.jsx
+++ b/src/containers/groups/StudyGroupsContainer.jsx
@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
 
+import { useInterval } from 'react-use';
 import { useLocation } from 'react-router-dom';
 import { useSelector, useDispatch } from 'react-redux';
 
 import qs from 'qs';
 
 import { get } from '../../util/utils';
-import useInterval from '../../util/useInterval';
 import { loadStudyGroups } from '../../reducers/slice';
 
 import StudyGroups from '../../components/main/StudyGroups';
diff --git a/src/containers/introduce/IntroduceContainer.jsx b/src/containers/introduce/IntroduceContainer.jsx
index d17c8a9..f5dbefd 100644
--- a/src/containers/introduce/IntroduceContainer.jsx
+++ b/src/containers/introduce/IntroduceContainer.jsx
@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
 
+import { useInterval } from 'react-use';
 import { useDispatch, useSelector } from 'react-redux';
 
 import { get } from '../../util/utils';
-import useInterval from '../../util/useInterval';
 import { loadStudyGroup } from '../../reducers/slice';
 
 import StudyIntroduceForm from '../../components/introduce/StudyIntroduceForm';
diff --git a/src/util/useInterval.js b/src/util/useInterval.js
deleted file mode 100644
index 9c2fbcc..0000000
--- a/src/util/useInterval.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import { useRef, useEffect } from 'react';
-
-const useInterval = (callback, delay) => {
-  const savedCallback = useRef();
-
-  useEffect(() => {
-    savedCallback.current = callback;
-  });
-
-  useEffect(() => {
-    function tick() {
-      savedCallback.current();
-    }
-
-    // eslint-disable-next-line prefer-const
-    let id = setInterval(tick, delay);
-
-    return () => clearInterval(id);
-  }, [delay]);
-};
-
-export default useInterval;