[ merge into dev ] 2시간 뒤 절제기록 수정 못하도록 수정

[ fix ] 2시간 뒤 절제기록 수정 못하도록 수정
bsideproject · Sep 11, 2023 · 72f436f · 72f436f
2 parents acc2751 + addeed7
commit 72f436f
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 7 deletions.
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
@@ -18,7 +18,13 @@ import { useNavigate } from 'react-router-dom';
 import { deleteModeration, getModerationList, ModerationType, postModeration, putModeration } from '@/api/moderation';
 
 import { ModerationList } from './components/moderationList';
-import { dateToAmPmTimeFormat, getFirstDateOfMonth, getLastDateOfMonth, isSameDate } from '@/utils/date';
+import {
+    dateToAmPmTimeFormat,
+    getFirstDateOfMonth,
+    getLastDateOfMonth,
+    isSameDate,
+    isTwoHourPassing,
+} from '@/utils/date';
 
 export default function HomePage() {
     const [selectedDate, setSelectedDate] = useState<Date>(new Date());
@@ -318,12 +324,14 @@ export default function HomePage() {
                         >
                             삭제
                         </button>
-                        <button
-                            className="w-full h-[48px] title2 bg-gray-50 rounded-lg text-gray-900"
-                            onClick={handleOpenEdit}
-                        >
-                            수정
-                        </button>
+                        {selectedModeration && !isTwoHourPassing(selectedModeration.regDtm) ? (
+                            <button
+                                className="w-full h-[48px] title2 bg-gray-50 rounded-lg text-gray-900"
+                                onClick={handleOpenEdit}
+                            >
+                                수정
+                            </button>
+                        ) : null}
                     </div>
                 </BottomPopup>
                 <ConfirmPopup

diff --git a/src/utils/date.ts b/src/utils/date.ts
@@ -29,3 +29,14 @@ export const parsingDotDate = (date: Date | string) => {
 
     return `${year}.${month}.${day}`;
 };
+
+export const isTwoHourPassing = (date: string) => {
+    const newDate = new Date(date).getTime();
+    if (isNaN(newDate)) {
+        throw new Error('Invalid date string');
+    }
+    const currentTime = new Date().getTime();
+    const twoHoursInMilliseconds = 2 * 60 * 60 * 1000;
+
+    return currentTime - newDate >= twoHoursInMilliseconds;
+};