Update page.tsx

community-scripts · Jan 27, 2025 · 47bf8e6 · 47bf8e6
1 parent 43f05b3
commit 47bf8e6
Showing 1 changed file with 16 additions and 0 deletions.
diff --git 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>