Anything

src/modules/comic/ComicLanding.tsx

@@ -80,11 +80,13 @@ export function ComicLanding() {
         if (message.success) {
           setComicData(message.data);
           setIsAuth(true);
-
-          sessionStorage.setItem(`comic_${sessionId}`, JSON.stringify({
-            password,
-            expiresAt: message.expiresAt
-          }));
+          setPassword((currentPassword) => {
+            sessionStorage.setItem(`comic_${sessionId}`, JSON.stringify({
+              password: currentPassword,
+              expiresAt: message.expiresAt
+            }));
+            return currentPassword;
+          });
           
           setLoadingChapter(false);
         } else {
@@ -94,27 +96,31 @@ export function ComicLanding() {
       }
 
       if (message.type === 'chapter_data_response') {
-  setLoadingChapter(false);
-  if (message.success) {
-    console.log('[ComicLanding] Navigating to reader with:', {
-      hasData: !!message.data,
-      hasPassword: !!password,
-      password: password,
-      sessionId: sessionId
-    });
-    
-    navigate(`/read/${sessionId}_chapter`, { 
-      state: { 
-        chapterData: message.data,
-        password: password,  // Make sure password is passed
-        sessionId: sessionId  // Make sure sessionId is passed
-      } 
-    });
-  } else {
-    setError(message.error || 'Gagal memuat chapter');
-    setTimeout(() => setError(''), 3000);
-  }
-}
+        setLoadingChapter(false);
+        if (message.success) {
+          setPassword((currentPassword) => {
+            console.log('[ComicLanding] Navigating to reader with:', {
+              hasData: !!message.data,
+              hasPassword: !!currentPassword,
+              password: currentPassword,
+              sessionId: sessionId
+            });
+            
+            navigate(`/read/${sessionId}_chapter`, { 
+              state: { 
+                chapterData: message.data,
+                password: currentPassword,
+                sessionId: sessionId
+              } 
+            });
+            
+            return currentPassword;
+          });
+        } else {
+          setError(message.error || 'Gagal memuat chapter');
+          setTimeout(() => setError(''), 3000);
+        }
+      }
     };
 
     websocket.onerror = () => {
@@ -127,10 +133,10 @@ export function ComicLanding() {
     return () => {
       websocket.close();
     };
-  }, [sessionId]);
+  }, [sessionId, navigate]);
 
   useEffect(() => {
-    if (isAuth && ws && !comicData) {
+    if (isAuth && ws && !comicData && password) {
       ws.send(JSON.stringify({
         type: 'request_comic_data',
         sessionId,
@@ -157,27 +163,32 @@ export function ComicLanding() {
   };
 
   const handleReadChapter = (chapterSlug: string) => {
-  if (!ws) {
-    setError('WebSocket tidak terhubung');
-    return;
-  }
+    if (!ws) {
+      setError('WebSocket tidak terhubung');
+      return;
+    }
 
-  console.log('[ComicLanding] Reading chapter with:', {
-    chapterSlug,
-    sessionId,
-    hasPassword: !!password,
-    password: password
-  });
+    if (!password) {
+      setError('Password tidak tersedia');
+      return;
+    }
 
-  setLoadingChapter(true);
-  
-  ws.send(JSON.stringify({
-    type: 'request_chapter_data',
-    sessionId,
-    password,
-    chapterSlug
-  }));
-};
+    console.log('[ComicLanding] Reading chapter with:', {
+      chapterSlug,
+      sessionId,
+      hasPassword: !!password,
+      password: password
+    });
+
+    setLoadingChapter(true);
+    
+    ws.send(JSON.stringify({
+      type: 'request_chapter_data',
+      sessionId,
+      password,
+      chapterSlug
+    }));
+  };
 
   const filteredChapters = comicData?.chapters.filter(ch =>
     ch.chapter.toLowerCase().includes(searchQuery.toLowerCase())
@@ -324,6 +335,7 @@ export function ComicLanding() {
           </div>
         </div>
       </div>
+
       <div className="chapters-section">
         <div className="chapters-header">
           <h2>Chapters</h2>