[Feat] 스크롤 최상단 기능 추가

pu2rile · Aug 8, 2024 · 8187758 · 8187758
1 parent 534a648
commit 8187758
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/components/CardAddPage.js b/src/components/CardAddPage.js
@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import CardForm from './CardForm';
 import Modal from './Modal';
 import './CardAddPage.css';
@@ -12,6 +12,12 @@ const CardAddPage = ({ addCard, isOpen, onClose }) => {
     password: ''
   });
 
+  useEffect(() => {
+    if (isOpen) {
+      window.scrollTo(0, 0);
+    }
+  }, [isOpen]);
+
   const handleAddCard = (newCard) => {
     addCard(newCard);
     onClose();  // 모달 닫기

diff --git a/src/components/CardManagement.js b/src/components/CardManagement.js
@@ -1,9 +1,15 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import AddCardButton from './AddCardButton';
 import RegisteredCard from './RegisteredCard';
 import Modal from './Modal';
 
 const CardManagement = ({ cards, isOpen, onClose, openCardAddPage }) => {
+  useEffect(() => {
+    if (isOpen) {
+      window.scrollTo(0, 0);
+    }
+  }, [isOpen]);
+
   const handleAddCard = () => {
     openCardAddPage();
   };