From 33f68a7e49a95ce59aa79b3ac99c0a0a64467b1c Mon Sep 17 00:00:00 2001
From: Matthias Puchstein <matthias@puchstein.bayern>
Date: Wed, 16 Jul 2025 21:13:08 +0200
Subject: [PATCH] replaced single dream type tag with dynamic tags display in
 `DreamCard` for improved categorization and flexibility in UI rendering

Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
---
 src/components/DreamCard.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/DreamCard.tsx b/src/components/DreamCard.tsx
index 9252845..21e6e15 100644
--- a/src/components/DreamCard.tsx
+++ b/src/components/DreamCard.tsx
@@ -55,15 +55,17 @@ export default function DreamCard({dream, user, animationDelay = 0}: DreamCardPr
                     {formatDateWithTime(dream.date)}
                 </p>
                 <div className="flex space-x-2">
-                    {/* Display dream type as a tag */}
-                    <span className="px-2 py-1 text-xs rounded-full"
-                          style={{
-                              background: 'var(--accent-gradient)',
-                              color: 'white',
-                              boxShadow: '0 2px 5px var(--shadow)'
-                          }}>
-                        {dream.input.inputType}
-                    </span>
+                    {/* Display dream tags */}
+                    {dream.tags.map((tag, index) => (
+                        <span key={index} className="px-2 py-1 text-xs rounded-full"
+                              style={{
+                                  background: 'var(--accent-gradient)',
+                                  color: 'white',
+                                  boxShadow: '0 2px 5px var(--shadow)'
+                              }}>
+                            {tag}
+                        </span>
+                    ))}
                 </div>
             </div>
         </li>