From c3a21069d2c41bafc432321251d9cfe02b047b9d Mon Sep 17 00:00:00 2001
From: CanbiZ <47820557+MickLesk@users.noreply.github.com>
Date: Mon, 27 Jan 2025 17:44:49 +0100
Subject: [PATCH] Update page.tsx

---
 frontend/src/app/category-view/page.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/category-view/page.tsx b/frontend/src/app/category-view/page.tsx
index 6c584583..c8fc443f 100644
--- a/frontend/src/app/category-view/page.tsx
+++ b/frontend/src/app/category-view/page.tsx
@@ -15,13 +15,13 @@ const MAX_LOGOS = 5; // Max logos to display at once
 const formattedBadge = (type: string) => {
   switch (type) {
     case "vm":
-      return <Badge className="text-blue-500/75 border-blue-500/75">VM</Badge>;
+      return <Badge className="text-blue-500/75 border-blue-500/75 badge">VM</Badge>;
     case "ct":
       return (
-        <Badge className="text-yellow-500/75 border-yellow-500/75">LXC</Badge>
+        <Badge className="text-yellow-500/75 border-yellow-500/75 badge">LXC</Badge>
       );
     case "misc":
-      return <Badge className="text-green-500/75 border-green-500/75">MISC</Badge>;
+      return <Badge className="text-green-500/75 border-green-500/75 badge">MISC</Badge>;
   }
   return null;
 };
@@ -173,6 +173,11 @@ const CategoryView = () => {
                     >
                       {truncateDescription(script.description || "No description available.")}
                     </p>
+                    <img
+                      src={script.logo || defaultLogo}
+                      alt={script.name || "Script logo"}
+                      className="h-16 w-16 object-contain mx-auto mt-4"
+                    />
                     {renderResources(script)}
                   </CardContent>
                 </Card>