Fix zero Timeline items bug and don't render empty ItemGrid divs

2025-02-18 15:42:58 +01:00
parent 3f13d16732
commit 088c21941f
3 changed files with 3 additions and 3 deletions
--- 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 ${
--- 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 ${
--- 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