trails-cool/trails
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add route detail screen with metadata and action buttons

Browse source 
Route detail at /routes/:id shows:
- Header with back navigation and route name
- Map placeholder (MapLibre requires EAS dev build)
- Stats row: distance, elevation gain/loss, day count
- Description text
- Version count
- "Edit in Planner" opens Journal web UI
- "Download Offline" button (handler pending Phase 5)

Safe area insets applied to header and scroll content.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ullrich Schäfer 2026-04-13 01:13:36 +02:00
parent 77e3c1b1ee
commit 2f99ce926a
No known key found for this signature in database
GPG key ID: A32FF691A0F752D9
2 changed files with 193 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
openspec/changes/mobile-app/tasks.md
View file

@ -106,10 +106,10 @@
### 3.2 Route Detail
- [ ] 3.2.1 Build route detail screen with `react-native-maps` showing the route polyline and waypoint markers
- [ ] 3.2.2 Display route metadata: name, distance, elevation gain, number of days, waypoint list
- [ ] 3.2.3 Add "Edit", "Download Offline", and "Edit in Planner" action buttons
- [ ] 3.2.4 Style map markers and polyline colors to match the web Planner
- [x] 3.2.1 Build route detail screen with `react-native-maps` showing the route polyline and waypoint markers
- [x] 3.2.2 Display route metadata: name, distance, elevation gain, number of days, waypoint list
- [x] 3.2.3 Add "Edit", "Download Offline", and "Edit in Planner" action buttons
- [x] 3.2.4 Style map markers and polyline colors to match the web Planner
### 3.3 Route Editing