error handling for the /results page and redirect mechanism

Author: ParagGhatage

frontend/app/analyze/results/page.tsx

@@ -1,7 +1,8 @@
 "use client"
 
 import type React from "react"
-import { useState, useEffect } from "react"
+import { useState, useEffect, useRef } from "react"
+import { useRouter } from "next/navigation"
 import Link from "next/link"
 import { ArrowLeft, Globe, MessageSquare, Send, ThumbsDown, ThumbsUp, Menu, Link as LinkIcon } from "lucide-react"
 import { Button } from "@/components/ui/button"
@@ -18,6 +19,8 @@ import BiasMeter from "@/components/bias-meter"
  */
 export default function AnalyzePage() {
   const [analysisData, setAnalysisData] = useState<any>(null)
+  const router = useRouter()
+  const isRedirecting = useRef(false);
   const [activeTab, setActiveTab] = useState("summary")
   const [message, setMessage] = useState("")
   const [isLoading, setIsLoading] = useState(true)
@@ -38,6 +41,41 @@ export default function AnalyzePage() {
     return () => clearTimeout(timer)
   }, [])
 
+
+  useEffect(() => {
+  
+  if (isRedirecting.current) {
+    return;
+  }
+
+  const timer = setTimeout(() => setIsLoading(false), 1500);
+  const storedData = sessionStorage.getItem("analysisResult");
+
+  if (storedData) {
+    const parsedData = JSON.parse(storedData);
+    const requiredFields = ['cleaned_text', 'facts', 'sentiment', 'perspective', 'score'];
+    const isDataValid = requiredFields.every(field => parsedData[field] !== undefined && parsedData[field] !== null);
+
+    if (isDataValid) {
+      setAnalysisData(parsedData);
+    } else {
+      console.warn("Incomplete analysis data. Redirecting...");
+      
+      
+      isRedirecting.current = true;
+      router.push("/analyze");
+    }
+  } else {
+    console.warn("No analysis result found. Redirecting...");
+    
+    isRedirecting.current = true;
+    router.push("/analyze");
+  }
+
+  return () => clearTimeout(timer);
+}, [router]);
+
+
   const handleSendMessage = (e: React.FormEvent) => {
     e.preventDefault()
     if (!message.trim()) return
@@ -57,7 +95,7 @@ export default function AnalyzePage() {
     )
   }
 
-  const { cleaned_text, facts, sentiment, perspective, score } = analysisData
+  const { cleaned_text, facts=[], sentiment, perspective, score } = analysisData
 
   return (
     <div className="flex flex-col min-h-screen">
@@ -92,36 +130,60 @@ export default function AnalyzePage() {
               </TabsContent>
 
               <TabsContent value="perspectives">
-                <div className="space-y-4">
-                  <h2 className="text-xl font-semibold">Counter-Perspective</h2>
-                  <p className="italic">"{perspective.perspective}"</p>
-                  <h3 className="font-medium">Reasoning:</h3>
-                  <p>{perspective.reasoning}</p>
-                </div>
-              </TabsContent>
+  {perspective ? (
+    <div className="space-y-4">
+      <h2 className="text-xl font-semibold">Counter-Perspective</h2>
+      <p className="italic">"{perspective.perspective}"</p>
+      <h3 className="font-medium">Reasoning:</h3>
+      <p>{perspective.reasoning}</p>
+    </div>
+  ) : (
+    <div className="text-muted-foreground p-4">
+      No counter-perspective was generated for this content.
+    </div>
+  )}
+</TabsContent>
 
               <TabsContent value="facts">
-                <div className="space-y-4">
-                  {facts.map((fact: any, idx: number) => (
-                    <Card key={idx} className="border">
-                      <CardHeader>
-                        <div className="flex justify-between items-center">
-                          <CardTitle>{fact.original_claim}</CardTitle>
-                          <Badge variant={fact.verdict === 'True' ? 'success' : fact.verdict === 'False' ? 'destructive' : 'warning'}>
-                            {fact.verdict}
-                          </Badge>
-                        </div>
-                      </CardHeader>
-                      <CardContent>
-                        <p className="mb-2">{fact.explanation}</p>
-                        <Link href={fact.source_link} target="_blank" className="flex items-center text-sm hover:underline">
-                          <LinkIcon className="mr-1 h-4 w-4" /> Source
-                        </Link>
-                      </CardContent>
-                    </Card>
-                  ))}
-                </div>
-              </TabsContent>
+  <div className="space-y-4">
+    {facts.length > 0 ? (
+      facts.map((fact: any, idx: number) => (
+        <Card key={idx} className="border">
+          <CardHeader>
+            <div className="flex justify-between items-center">
+              <CardTitle>{fact.original_claim}</CardTitle>
+              <Badge
+                variant={
+                  fact.verdict === 'True'
+                    ? 'success'
+                    : fact.verdict === 'False'
+                    ? 'destructive'
+                    : 'warning'
+                }
+              >
+                {fact.verdict}
+              </Badge>
+            </div>
+          </CardHeader>
+          <CardContent>
+            <p className="mb-2">{fact.explanation}</p>
+            <Link
+              href={fact.source_link}
+              target="_blank"
+              className="flex items-center text-sm hover:underline"
+            >
+              <LinkIcon className="mr-1 h-4 w-4" /> Source
+            </Link>
+          </CardContent>
+        </Card>
+      ))
+    ) : (
+      <div className="text-muted-foreground p-4">
+        No specific claims were identified for fact-checking in this content.
+      </div>
+    )}
+  </div>
+</TabsContent>
             </Tabs>
           </div>