mpuchstein/REMind
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replaced single dream type tag with dynamic tags display in DreamCard for improved categorization and flexibility in UI rendering

Browse Source 
Signed-off-by: Matthias Puchstein <matthias@puchstein.bayern>
This commit is contained in:
Matthias Puchstein
2025-07-16 21:13:08 +02:00
parent ecd3fa120d
commit 33f68a7e49
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/DreamCard.tsx
View File

@@ -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>