matt/navi
1
0
Fork 0
mirror of https://github.com/zvx-echo6/navi.git synced 2026-05-20 22:54:42 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: show pendingDestination as visible card when Get Directions clicked

Browse source 
When GPS is denied and user clicks Get Directions, StopList now shows:
- Empty origin slot (A) with dashed border and "Search for a starting point" prompt
- Destination slot (B) showing the place name from pendingDestination

Previously only showed small grey text, making it feel like the UI
showed "nothing" after the place card disappeared.
This commit is contained in:
Matt 2026-04-27 00:34:27 +00:00
commit 616d01623d
1 changed files with 158 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

51
src/components/StopList.jsx
View file

@ -85,14 +85,55 @@ export default function StopList() {
reorderStops(arrayMove(stops, oldIndex, newIndex))
}
// When pendingDestination is set, show it as the destination with origin prompt
if (stops.length === 0 && !hasGpsOrigin && pendingDestination) {
return (
<div className="flex flex-col gap-2">
{/* Origin slot - empty, prompting user to search */}
<div
className="flex items-center gap-2 px-3 py-2.5 rounded-lg text-xs"
style={{
background: 'var(--bg-muted)',
border: '1px dashed var(--border)',
color: 'var(--text-secondary)'
}}
>
<span
className="flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold"
style={{ background: 'var(--accent-muted)', color: 'var(--accent)' }}
>
A
</span>
<span className="flex-1">Search for a starting point above</span>
</div>
{/* Destination - show pendingDestination as read-only card */}
<div
className="flex items-center gap-2 px-3 py-2.5 rounded-lg text-xs"
style={{
background: 'var(--bg-raised)',
border: '1px solid var(--border)'
}}
>
<span
className="flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-[10px] font-bold"
style={{ background: 'var(--accent)', color: 'var(--text-inverse)' }}
>
B
</span>
<span className="flex-1 truncate" style={{ color: 'var(--text-primary)' }}>
{pendingDestination.name || 'Destination'}
</span>
</div>
</div>
)
}
if (stops.length === 0 && !hasGpsOrigin) {
return (
<div className="text-xs px-2 py-3 text-center" style={{ color: 'var(--text-tertiary)' }}>
{pendingDestination
? 'Search for a starting point above'
: geoPermission === 'denied'
? 'Add a starting point and destination above'
: 'Search and add stops to build your route'}
{geoPermission === 'denied'
? 'Add a starting point and destination above'
: 'Search and add stops to build your route'}
</div>
)
}