🔀 [MERGE] feat/guestbook -> develop

🐛 [FIX] 방명록 검색 오류 해결

Author: alwn8918

src/components/guestbook/GuestBookWrite.tsx

@@ -49,7 +49,7 @@ const GuestBookWrite = ({ onSubmitted }: Props) => {
         <div className="relative flex flex-col w-[82%] max-w-[280px] p-[18px]">
           {/* To */}
           <div className="flex gap-[4px] items-center">
-            <p className="text-[20px]">To.</p>
+            <p className="text-[20px] font-['Butler'] ">To.</p>
             <input
               type="text"
               placeholder="받는 사람"
@@ -72,7 +72,9 @@ const GuestBookWrite = ({ onSubmitted }: Props) => {
           {/* From */}
           <div className="flex items-center w-full box-border">
             <div className="flex items-center gap-[4px] flex-1 min-w-0">
-              <p className="text-[20px] whitespace-nowrap">From.</p>
+              <p className="text-[20px] font-['Butler'] whitespace-nowrap">
+                From.
+              </p>
               <input
                 type="text"
                 placeholder="보내는 사람"
@@ -92,7 +94,7 @@ const GuestBookWrite = ({ onSubmitted }: Props) => {
 
       <button
         onClick={handleSubmit}
-        className={`w-full max-w-[328px] h-[48px] rounded-[40px] text-[#FFF] text-center text-[20px] font-bold ${isFilled ? 'bg-[#56493A] cursor-pointer' : 'bg-[#DDD]'}`}
+        className={`w-full max-w-[328px] h-[48px] rounded-[40px] text-[#FFF] text-center text-[20px] font-['Butler'] font-bold ${isFilled ? 'bg-[#56493A] cursor-pointer' : 'bg-[#DDD]'}`}
       >
         Send
       </button>

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 (
     <div className="flex flex-col">
       <GuestBookWrite onSubmitted={handleSubmitted} />