feat: add Google Maps link for project coordinates display

This commit is contained in:
2025-10-24 14:00:04 +02:00
parent 42668862fd
commit b6ceac6e38

View File

@@ -431,18 +431,45 @@ export default function ProjectViewPage() {
</div> </div>
)} )}
{project.coordinates && ( {project.coordinates && (
<div className="border-t pt-4"> <div className="border-t pt-4">
<span className="text-sm font-medium text-gray-500 block mb-1"> <span className="text-sm font-medium text-gray-500 block mb-1">
Współrzędne Współrzędne
</span> </span>
<div className="flex items-center gap-2">
<p className="text-gray-900 font-medium font-mono text-sm"> <p className="text-gray-900 font-medium font-mono text-sm">
{formatCoordinates(project.coordinates)} {formatCoordinates(project.coordinates)}
</p> </p>
<a
href={`https://www.google.com/maps/place/${project.coordinates}`}
target="_blank"
rel="noopener noreferrer"
className="text-blue-600 hover:text-blue-800 transition-colors"
title="Otwórz w Google Maps"
>
<svg
className="w-5 h-5"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
/>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"
/>
</svg>
</a>
</div> </div>
)} </div>
)} {project.notes && (
{project.notes && (
<div className="border-t pt-4"> <div className="border-t pt-4">
<span className="text-sm font-medium text-gray-500 block mb-1"> <span className="text-sm font-medium text-gray-500 block mb-1">
Notes Notes