pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 07:11:13 -05:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Park Address Display

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-09-29 13:38:40 +00:00
parent 38ec89dc2e
commit 91991ad11b
1 changed files with 53 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/pages/ParkDetail.tsx
View File

@@ -337,11 +337,59 @@ export default function ParkDetail() {
<div className="space-y-4">
<div className="font-medium">Location</div>
{park.location && <div className="text-sm text-muted-foreground space-y-1">
{park.location.city && <div>{park.location.city}</div>}
{park.location.state_province && <div>{park.location.state_province}</div>}
<div>{park.location.country}</div>
</div>}
{park.location && (
<div className="space-y-3">
{/* Full Address Display */}
<div className="text-sm text-muted-foreground">
<div className="font-medium text-foreground mb-1">Address:</div>
<div className="space-y-1">
{park.location.name && <div>{park.location.name}</div>}
{park.location.city && <div>{park.location.city}</div>}
{park.location.state_province && <div>{park.location.state_province}</div>}
{park.location.postal_code && <div>{park.location.postal_code}</div>}
<div>{park.location.country}</div>
</div>
</div>
{/* Map Links */}
{park.location?.latitude && park.location?.longitude && (
<div className="flex gap-2 flex-wrap">
<Button
variant="outline"
size="sm"
asChild
className="text-xs"
>
<a
href={`https://maps.apple.com/?q=${encodeURIComponent(park.name)}&ll=${park.location.latitude},${park.location.longitude}`}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1"
>
<MapPin className="w-3 h-3" />
Apple Maps
</a>
</Button>
<Button
variant="outline"
size="sm"
asChild
className="text-xs"
>
<a
href={`https://maps.google.com/?q=${encodeURIComponent(park.name)}&ll=${park.location.latitude},${park.location.longitude}`}
target="_blank"
rel="noopener noreferrer"
className="flex items-center gap-1"
>
<Globe className="w-3 h-3" />
Google Maps
</a>
</Button>
</div>
)}
</div>
)}
{park.location?.latitude && park.location?.longitude && (
<div className="mt-4">