diff --git a/src/components/guestbook/GuestBookWrite.tsx b/src/components/guestbook/GuestBookWrite.tsx index 84c62ed..a7d044a 100644 --- a/src/components/guestbook/GuestBookWrite.tsx +++ b/src/components/guestbook/GuestBookWrite.tsx @@ -49,7 +49,7 @@ const GuestBookWrite = ({ onSubmitted }: Props) => {
{/* To */}
-

To.

+

To.

{ {/* From */}
-

From.

+

+ From. +

{ diff --git a/src/pages/GuestBookPage.tsx b/src/pages/GuestBookPage.tsx index 59da844..4e949d5 100644 --- a/src/pages/GuestBookPage.tsx +++ b/src/pages/GuestBookPage.tsx @@ -24,7 +24,7 @@ const GuestBookPage = () => { const [showModal, setShowModal] = useState(false) const [modalContent, setModalContent] = useState('') - const { items, totalPages, reload } = useGuestbook({ + const { items, totalPages } = useGuestbook({ page: currentPage, size: PAGE_SIZE, keyword, @@ -33,14 +33,12 @@ const GuestBookPage = () => { const handleSubmitted = (fromName: string) => { setKeyword('') setCurrentPage(1) - reload() setModalContent(`${fromName} 학생에게\n소중한 마음이 전달됐습니다.`) setShowModal(true) } const triggerSearch = () => { setCurrentPage(1) - reload() } const closeModal = useCallback(() => setSelected(null), []) @@ -61,6 +59,10 @@ const GuestBookPage = () => { } }, [selected, closeModal]) + useEffect(() => { + setCurrentPage(1) + }, [keyword]) + return (