Improve event popup and map positioning

- Added 'View Event Details' button in event popup that navigates to /events?id={eventId}
- Adjusted map center from Dublin (53.3498, -6.2603) to (53.4, -7.5) to better show all of Ireland
- New center point ensures Ireland is fully visible even when filter panel is open
- Button has blue styling with hover effect for better UX
This commit is contained in:
2025-11-16 21:07:10 +00:00
parent 91ecbd2443
commit 8e73d8a2a5
3 changed files with 155 additions and 1 deletions

View File

@@ -43,7 +43,7 @@ export function MapView({
showClusters = true,
showHeatmap = false,
showHotspots = false,
center = [53.3498, -6.2603], // Dublin, Ireland default
center = [53.4, -7.5], // Centered to show all of Ireland
zoom = 7,
}: MapViewProps) {
const mapRef = useRef<HTMLDivElement>(null);
@@ -277,6 +277,12 @@ export function MapView({
${event.description ? `
<p class="text-xs text-gray-600 mt-2 pt-2 border-t">${event.description}</p>
` : ''}
<button
onclick="window.location.href='/events?id=${event.id}'"
class="mt-3 w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white text-sm font-medium rounded-md transition-colors"
>
View Event Details
</button>
</div>
`);