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

---
 frontend/src/app/category-view/page.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/frontend/src/app/category-view/page.tsx b/frontend/src/app/category-view/page.tsx
index 12cfbcfb..4797f74a 100644
--- a/frontend/src/app/category-view/page.tsx
+++ b/frontend/src/app/category-view/page.tsx
@@ -176,6 +176,22 @@ const CategoryView = () => {
               >
                 <CardContent className="flex flex-col items-center">
                   <h3 className="text-xl font-bold mb-4">{category.name}</h3>
+                  <div className="flex justify-center gap-2 mb-4">
+                    {category.scripts &&
+                      category.scripts.slice(0, 5).map((script, i) => (
+                        <img
+                          key={i}
+                          src={script.logo || defaultLogo}
+                          alt={script.name || "Script logo"}
+                          title={script.name} // Hover zeigt den Scriptnamen an
+                          className="h-8 w-8 object-contain cursor-pointer"
+                          onClick={(e) => {
+                            e.stopPropagation(); // Verhindert Klick auf die Kategorie
+                            handleScriptClick(script.slug);
+                          }}
+                        />
+                      ))}
+                  </div>
                   <p className="text-sm text-gray-400 text-center">
                     {(category as any).description || "No description available."}
                   </p>