From 86ac765d80b73be3cf12acb54412b683fc83aa4f Mon Sep 17 00:00:00 2001
From: CanbiZ <47820557+MickLesk@users.noreply.github.com>
Date: Thu, 23 Jan 2025 11:24:12 +0100
Subject: [PATCH] Update page.tsx

---
 frontend/src/app/category-view/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/category-view/page.tsx b/frontend/src/app/category-view/page.tsx
index 00e75832..f458208b 100644
--- a/frontend/src/app/category-view/page.tsx
+++ b/frontend/src/app/category-view/page.tsx
@@ -5,6 +5,8 @@ import { Card, CardContent, CardHeader } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Category } from "@/lib/types";
 
+const defaultLogo = "/default-logo.png"; // Fallback logo path
+
 const CategoryView = () => {
   const [categories, setCategories] = useState<Category[]>([]);
   const [selectedCategory, setSelectedCategory] = useState<Category | null>(null);
@@ -76,16 +78,16 @@ const CategoryView = () => {
                     {category.scripts && category.scripts.slice(0, 4).map((script, index) => (
                       <img
                         key={index}
-                        src={script.logo}
-                        alt={script.name}
+                        src={script.logo || defaultLogo}
+                        alt={script.name || "Script logo"}
                         className="h-6 w-6 object-contain"
                       />
                     ))}
                   </div>
                   <h3 className="text-lg font-bold mb-1">{category.name}</h3>
-                  {category.description && (
-                    <p className="text-sm text-gray-500 text-center">{category.description}</p>
-                  )}
+                  <p className="text-sm text-gray-500 text-center">
+                    {category.description || "No description available."}
+                  </p>
                 </CardContent>
               </Card>
             ))}