From 088c21941fe0ed639d4fe6993100df7d3f3d409c Mon Sep 17 00:00:00 2001
From: Jonas Geiler <git@jonasgeiler.com>
Date: Tue, 18 Feb 2025 15:42:58 +0100
Subject: [PATCH] Fix zero Timeline items bug and don't render empty ItemGrid
 divs

---
 src/components/ui/ItemGrid.astro  | 2 +-
 src/components/ui/ItemGrid2.astro | 2 +-
 src/components/ui/Timeline.astro  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/ItemGrid.astro b/src/components/ui/ItemGrid.astro
index 36ce071..79931b9 100644
--- a/src/components/ui/ItemGrid.astro
+++ b/src/components/ui/ItemGrid.astro
@@ -17,7 +17,7 @@ const {
 ---
 
 {
-  items && (
+  items && items.length > 0 && (
     <div
       class={twMerge(
         `grid mx-auto gap-8 md:gap-y-12 ${
diff --git a/src/components/ui/ItemGrid2.astro b/src/components/ui/ItemGrid2.astro
index d79ccbc..81faadf 100644
--- a/src/components/ui/ItemGrid2.astro
+++ b/src/components/ui/ItemGrid2.astro
@@ -17,7 +17,7 @@ const {
 ---
 
 {
-  items && (
+  items && items.length > 0 && (
     <div
       class={twMerge(
         `grid gap-8 gap-x-12 sm:gap-y-8 ${
diff --git a/src/components/ui/Timeline.astro b/src/components/ui/Timeline.astro
index 73076aa..51e09f0 100644
--- a/src/components/ui/Timeline.astro
+++ b/src/components/ui/Timeline.astro
@@ -21,7 +21,7 @@ const {
 ---
 
 {
-  items && items.length && (
+  items && items.length > 0 && (
     <div class={containerClass}>
       {items.map(({ title, description, icon, classes: itemClasses = {} }, index = 0) => (
         <div