From bb8a7b7eb6928c38bafbb185c4c28aba9a02b9e1 Mon Sep 17 00:00:00 2001
From: Kuba Orlik <kontakt@kuba-orlik.name>
Date: Mon, 10 Aug 2026 18:33:33 +0200
Subject: [PATCH] Make icons in icon-tiles-grid optional

---
 .../jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx b/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
index 0e0ff1c..c980bc2 100644
--- a/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
+++ b/src/back/jdd-components/icon-tiles-grid/icon-tiles-grid.jdd.tsx
@@ -10,7 +10,7 @@ const component_arguments = {
 	bleed: new Args.Boolean(),
 	tiles: new Args.List(
 		new Args.Structured({
-			icon: new Args.Enum(getAllIconNames),
+			icon: new Args.Enum(async () => ["none", ...(await getAllIconNames())]),
 			color: new Args.Enum(async () =>
 				getColorVariables().filter(
 					(e) => !e.includes("text") && !e.includes("link")
@@ -48,7 +48,9 @@ export class IconTilesGrid extends Component<typeof component_arguments> {
 							class="icon-tiles-grid__tile"
 							style={`--tile-bg-color: var(${tile.color}); --tile-fg-color: var(${getFgColorVariable(tile.color, 4.2)})`}
 						>
-							<div class="icon">{icon(tile.icon)}</div>
+							<div class="icon">
+								{tile.icon == "none" ? "" : icon(tile.icon)}
+							</div>
 							<div class="name">{insert_nbsp(tile.name)}</div>
 							<div class="description">{insert_nbsp(tile.name)}</div>
 						</div>