commaai / new-connect

a rewrite of comma connect
https://new-connect.connect-d5y.pages.dev/
MIT License
9 stars 26 forks source link

UI: Route card expands to show quick actions #100

Open ugtthis opened 1 month ago

ugtthis commented 1 month ago

Decided on this design versus my popover design because this was a more straight forward, and had less complex UI layout/logic. Only slightly unrelated change I did was create a RouteMap component which made the return JSX of RouteCard.tsx easier to read. Photos below are up to date with recent commits

This resolves issue #91.

Added


Card expanded

PR-100-screenshot


Interacting w/UI changes while showing network tab:

https://github.com/user-attachments/assets/ecd27cf2-89e1-4fa6-990e-171fef263243


Error state of toggle

errorState-PR--100
github-actions[bot] commented 1 month ago

deployed preview: https://100.connect-d5y.pages.dev

Welcome to new-connect! Make sure to:

Mobile

Desktop