From a244004659608e08bf252843769a170990153c01 Mon Sep 17 00:00:00 2001
From: Yun-Jinwoo <yjw3480@naver.com>
Date: Tue, 29 Apr 2025 11:14:50 +0900
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=EC=B4=88=EA=B8=B0=20?=
 =?UTF-8?q?=EB=8D=B0=EC=9D=B4=ED=84=B0=EB=A5=BC=206=EA=B0=9C=EB=A1=9C?=
 =?UTF-8?q?=EB=A7=8C=20=EA=B3=A0=EC=A0=95=ED=95=98=EB=8A=94=20=EB=AC=B8?=
 =?UTF-8?q?=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Recipient/Recipient.jsx | 47 +------------------------------
 1 file changed, 1 insertion(+), 46 deletions(-)

diff --git a/src/pages/Recipient/Recipient.jsx b/src/pages/Recipient/Recipient.jsx
index 32ba076..cfef512 100644
--- a/src/pages/Recipient/Recipient.jsx
+++ b/src/pages/Recipient/Recipient.jsx
@@ -19,16 +19,9 @@ export default function Recipient({ showDelete }) {
   const [loading, setLoading] = useState(false);
   const [hasNextMessage, setHasNextMessage] = useState(false);
   const [selectedCardId, setSelectedCardId] = useState(null);
-  const [userScrolled, setUserScrolled] = useState(false);
   const observerRef = useRef();
   const navigate = useNavigate();
 
-  useEffect(() => {
-    const handleScroll = () => setUserScrolled(true);
-    window.addEventListener('scroll', handleScroll);
-    return () => window.removeEventListener('scroll', handleScroll);
-  }, []);
-
   useEffect(() => {
     const fetchRecipient = async () => {
       try {
@@ -44,49 +37,12 @@ export default function Recipient({ showDelete }) {
     fetchRecipient();
   }, [id]);
 
-  useEffect(() => {
-    const fetchInitialMessages = async () => {
-      setLoading(true);
-      try {
-        const limit = 6;
-        const initialMessages = await getMessages(id, 0, limit);
-
-        setAllMessages(initialMessages.results);
-
-        if (showDelete) {
-          setMessages(initialMessages.results);
-        } else {
-          if (initialMessages.results.length % 6 === 0) {
-            setMessages(
-              initialMessages.results.slice(
-                0,
-                initialMessages.results.length - 1,
-              ),
-            );
-          } else {
-            setMessages(initialMessages.results);
-          }
-        }
-
-        if (postData) {
-          setHasNextMessage(limit < postData.messageCount);
-        }
-      } catch (error) {
-        console.error('초기 메시지 로딩 실패:', error);
-      }
-      setLoading(false);
-    };
-
-    fetchInitialMessages();
-  }, [id, postData]);
-
   useEffect(() => {
     setLoading(true);
     const fetchMessages = async () => {
       try {
         const limit = 6;
         const newMessages = await getMessages(id, offset, limit);
-        console.log('offset', offset, 'limit', limit);
         setAllMessages((prev) => {
           const combined = [...prev, ...newMessages.results];
 
@@ -125,7 +81,6 @@ export default function Recipient({ showDelete }) {
 
   useEffect(() => {
     const observer = new IntersectionObserver((entries) => {
-      if (!userScrolled) return;
       const firstEntry = entries[0];
       if (firstEntry.isIntersecting && hasNextMessage && !loading) {
         loadMoreMessages();
@@ -135,7 +90,7 @@ export default function Recipient({ showDelete }) {
     return () => {
       if (observerRef.current) observer.unobserve(observerRef.current);
     };
-  }, [userScrolled, hasNextMessage, loading, offset]);
+  }, [hasNextMessage, loading, offset]);
 
   const loadMoreMessages = () => {
     if (loading || !hasNextMessage) return;