Fix map tooltips, journey creation, and contributor avatars

- Map tooltips now respect light/dark mode via CSS variables
- Journey creation inherits cover image from first selected trip
- Only day-assigned places are synced to journey (no unplanned places)
- Place count in trip picker reflects assigned places only
- Contributor avatars shown in journey detail page
- Suggestion banner button visible in dark mode (!important override)
- Dashboard list view uses correct trips array and status label
This commit is contained in:
Maurice
2026-04-12 23:20:13 +02:00
parent 7abfb4deba
commit 4680aa254d
6 changed files with 42 additions and 20 deletions
+6 -2
View File
@@ -158,7 +158,7 @@ export default function JourneyPage() {
</button>
<button
onClick={() => openCreateModal(activeSuggestion.id)}
className="px-3 py-1.5 rounded-lg bg-white text-zinc-900 text-[12px] font-medium hover:bg-zinc-100"
className="px-3 py-1.5 rounded-lg !bg-white !text-zinc-900 text-[12px] font-medium hover:!bg-zinc-100"
>
{t('journey.frontpage.createJourney')}
</button>
@@ -336,7 +336,11 @@ export default function JourneyPage() {
}`}>
{selected && <Check size={12} className="text-white dark:text-zinc-900" />}
</div>
<div className="w-12 h-12 rounded-lg flex-shrink-0" style={{ background: pickGradient(trip.id) }} />
<div className="w-12 h-12 rounded-lg flex-shrink-0 overflow-hidden" style={{ background: pickGradient(trip.id) }}>
{trip.cover_image && (
<img src={trip.cover_image} className="w-full h-full object-cover" alt="" />
)}
</div>
<div className="flex-1 min-w-0">
<div className="text-[14px] font-semibold text-zinc-900 dark:text-white">{trip.title}</div>
<div className="text-[12px] text-zinc-500 flex items-center gap-2.5 mt-0.5">