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:
@@ -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>
|
||||
`);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user