From 36fac52f1883cbf9cf0cb31ab6799582f3151669 Mon Sep 17 00:00:00 2001
From: Paulo Vareiro <paulo.vareiro@virtual-identity.com>
Date: Wed, 30 Oct 2024 11:53:39 +0000
Subject: [PATCH] chore: add previews to overview page

---
 src/pages/index.twig        |  6 +++---
 src/styles/base/_theme.scss | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.twig b/src/pages/index.twig
index c805ec7..c7da4f8 100644
--- a/src/pages/index.twig
+++ b/src/pages/index.twig
@@ -20,9 +20,9 @@
   {
   name: 'Dataset Detail',
   variants:  [
-  { href: './dataset', label: 'Default ❌'},
-  { href: './dataset-with-chart', label: 'With chart ❌'},
-  { href: './dataset-tables', label: 'Dataset tables ❌'},
+  { href: './dataset', label: 'Default ✅', thumbnail: 'dataset.webp', thumbnail_dark: 'dataset-dark.webp'},
+  { href: './dataset-with-chart', label: 'With chart ✅', thumbnail: 'dataset-with-chart.webp', thumbnail_dark: 'dataset-with-chart-dark.webp'},
+  { href: './dataset-tables', label: 'Dataset tables ✅', thumbnail: 'dataset-tables.webp', thumbnail_dark: 'dataset-tables-dark.webp'},
   ]
   },
   {
diff --git a/src/styles/base/_theme.scss b/src/styles/base/_theme.scss
index 6dc8a85..1ea70e6 100644
--- a/src/styles/base/_theme.scss
+++ b/src/styles/base/_theme.scss
@@ -34,3 +34,17 @@
     }
   }
 }
+
+.dark-mode-only {
+  display: none;
+}
+
+[data-bs-theme='dark'] {
+  .light-mode-only {
+    display: none;
+  }
+
+  .dark-mode-only {
+    display: initial;
+  }
+}