Skip to content

Conversation

@davixcky
Copy link
Contributor

@davixcky davixcky commented Dec 13, 2024

  • add air config for handling frontend ui changes
  • move logs to sidebar and make map live

Features

  1. Logs are now rendered using a drawer
  2. Map is live with some hardcoded coords it will react as any other driver request app.
  3. Show toast when user request a drive
Screen.Recording.2024-12-13.at.3.29.38.PM.mov

@davixcky davixcky requested a review from foxish December 13, 2024 20:28
@github-actions
Copy link

Frontend Sandbox Ready!
https://app.signadot.com/sandbox/name/pr-253-frontend

@github-actions
Copy link

github-actions bot commented Dec 13, 2024

Frontend Test Results

2 tests   1 ✅  1s ⏱️
1 suites  1 💤
1 files    0 ❌

Results for commit d372463.

♻️ This comment has been updated with latest results.

@foxish foxish added the istio label Dec 18, 2024
@foxish foxish closed this Dec 18, 2024
@foxish foxish reopened this Dec 18, 2024
@davixcky
Copy link
Contributor Author

@foxish updated to include arriving time

Copy link
Member

@foxish foxish left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM after comments

if (completed) {
return <Text>{driverName} arrived</Text>;
} else {
return <Text as="b">The driver {driverName} will arrive in {minutes.toString().padStart(2, "0")}:{seconds.toString().padStart(2, "0")}</Text>;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We also want to put the Driver's Plate (T702061C) here. The message should be:
The driver {driverName} (plate) will arrive in X minutes

</Stack>
<div className={`${styles.drawer} ${logsModal.isOpen ? styles.open : ''}`}>
<div className={styles.drawerHeader}>
<Heading size="md">Notifications Logs</Heading>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should just say "logs" and have a margin above. Also, can you make the border between each set of log entries darker?

Currently seems very subtle and hard to see:

Screenshot 2024-12-23 at 8 32 37 AM

@foxish
Copy link
Member

foxish commented Dec 27, 2024

LGTM, please merge when you're done with your changes and you think it's ready to go

@davixcky davixcky merged commit edd5d49 into main Jan 6, 2025
8 checks passed
@davixcky davixcky deleted the make-ui-more-app-real branch January 6, 2025 20:35
foxish added a commit that referenced this pull request Feb 7, 2025
* add air config for handling frontend ui changes

* move logs to sidebar and make map live

* add instructions for how to use air

* add driver arrival and driver name

* Update README.md

* Update home.tsx

* add driver plate

* fix spacing and coloring cosmetic

---------

Co-authored-by: Anirudh Ramanathan <anirudh@foxish.me>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants