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

feat: is official badge + feed detail enhance #870

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

Alessandro100
Copy link
Contributor

@Alessandro100 Alessandro100 commented Jan 10, 2025

closes #788

Summary:

Feeds Search Page

  • "Is official" badge added on search table
  • Wording added when no feeds are found "Try and change search filters"
  • Ability to filter by official feed [BEHIND FEATURE FLAG]

Feed Detail Page

  • Quality report moved to top of the page -> Chips are now clickable and can go to quality report
  • Icons added to buttons and labels
  • Map visual is larger
  • Official Feed Chip added

Styling Fixes

  • Discovered a weird interaction when passing a style to an Sx prop. When you pass and Sx prop with other styles, it's required to manually pass the theme object. If it's just the Sx prop then there is no need to pass the theme object.

Follow up ticket

  • Addition of the verification timestamp to the Feed detail page

Expected behavior:

On the Feeds search page, you should be able to see a badge for verified feeds on applicable feeds. You can also search by official feeds. On hover of this badge, should be able to see a tooltip with information

On the Feeds detail page, you should be able to see a badge for verified feed when applicable. You should be able to click the chips of "wanring" "info notice" "errors" and get directed to the quality report. On hover of the verification badge, should display tool tip with information

Testing tips:

On Feed search page, search "london", you'll be able to see a verified feed. You would also be able to use the "Is Official" filter. Assure the badge is there and that the tool tip works

On the feed detail page, try gtfs schedule / gtfs rt feeds and assure all looks good. Check out the official feed and assure the badge looks correct. Official feed feeds/mdb-2

Please make sure these boxes are checked before submitting your pull request - thanks!

  • Run the unit tests with ./scripts/api-tests.sh to make sure you didn't break anything
  • Add or update any needed documentation to the repo
  • Format the title like "feat: [new feature short description]". Title must follow the Conventional Commit Specification(https://www.conventionalcommits.org/en/v1.0.0/).
  • Linked all relevant issues
  • Include screenshot(s) showing how this pull request works and fixes the issue(s)

Screenshot 2025-01-09 at 09 29 34

Screenshot 2025-01-09 at 13 31 43

Screenshot 2025-01-09 at 13 35 33

Screenshot 2025-01-09 at 13 37 25

Screenshot 2025-01-09 at 13 37 40

Screenshot 2025-01-09 at 13 38 03

Screenshot 2025-01-09 at 13 35 17

@Alessandro100 Alessandro100 self-assigned this Jan 10, 2025
@Alessandro100 Alessandro100 force-pushed the feat/788-official-feed-ui branch from 0b814e2 to 696f0e6 Compare January 10, 2025 14:12
Copy link

Preview Firebase Hosting URL: https://mobility-feeds-dev--pr-870-johoa991.web.app

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.

User can see a feed is official in the UI
1 participant