Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Route card redesign #35

Open
wants to merge 19 commits into
base: master
Choose a base branch
from
Open

Conversation

sarem-h
Copy link
Contributor

@sarem-h sarem-h commented Jun 22, 2024

route card redesign based on David California's Figma

Copy link

github-actions bot commented Jun 22, 2024

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

Welcome to new-connect! Make sure to:

  • read the contributing guidelines
  • mark your PR as a draft until it's ready to review
  • post the preview on Discord; feedback from users will speedup the PR review

Mobile

Desktop

src/map/index.ts Outdated Show resolved Hide resolved
@sarem-h sarem-h requested a review from incognitojam June 23, 2024 22:09
@adeebshihadeh
Copy link
Contributor

Can you rebase to get the new preview screenshots?

@incognitojam incognitojam force-pushed the route-card-redesign branch from 15b87fe to d9327e0 Compare July 6, 2024 11:51
@incognitojam incognitojam force-pushed the route-card-redesign branch from d9327e0 to d6f85fd Compare July 6, 2024 11:52
src/components/RouteCard.tsx Outdated Show resolved Hide resolved
src/components/RouteCard.tsx Outdated Show resolved Hide resolved
@sarem-h sarem-h requested a review from incognitojam July 6, 2024 14:31
const subhead = () => `${startTime().format('h:mm A')} to ${endTime().format('h:mm A')}`
const RouteHeader = (props: { route?: RouteSegments }) => {

const startTime = () => props?.route?.segment_start_times ? dayjs(props.route.segment_start_times[0]) : null
Copy link
Contributor

Choose a reason for hiding this comment

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

it's best not to add new usages of segment_start_times: #53

const RouteHeader = (props: { route?: RouteSegments }) => {

const startTime = () => props?.route?.segment_start_times ? dayjs(props.route.segment_start_times[0]) : null
const endTime = () => props?.route?.segment_end_times ? dayjs(props.route.segment_end_times.at(-1)) : null
Copy link
Contributor

Choose a reason for hiding this comment

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

same here with segment_end_times

src/types.d.ts Outdated
end_lat?: number
end_lng?: number
end_time?: string
fullname: string
end_time: string
Copy link
Contributor

Choose a reason for hiding this comment

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

this might not exist: #60

src/types.d.ts Outdated
end_time?: string
fullname: string
end_time: string
fullname?: string
Copy link
Contributor

Choose a reason for hiding this comment

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

this is guaranteed to exist

@adeebshihadeh
Copy link
Contributor

Linter's failing

@adeebshihadeh adeebshihadeh marked this pull request as draft July 12, 2024 20:59
@sarem-h
Copy link
Contributor Author

sarem-h commented Jul 12, 2024

Linter's failing

yeah, it's because of the switch from segment_times to create_time. I posted a question for a potential fix on discord.

@sarem-h sarem-h marked this pull request as ready for review July 13, 2024 01:25
@adeebshihadeh
Copy link
Contributor

Can you fix the merge conflict?

@sarem-h sarem-h closed this Jul 15, 2024
@sarem-h sarem-h reopened this Jul 15, 2024
@sarem-h sarem-h closed this Jul 15, 2024
@sarem-h sarem-h reopened this Jul 15, 2024
@sarem-h sarem-h closed this Jul 16, 2024
@sarem-h sarem-h reopened this Jul 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants