Skip to content

Add a React-Typeahead to the NavBar #110

Description

@Division7

User Story

Students looking to review a menu item or see reviews for a particular menu item shouldn't have to search for a day and place an item is served; They should be able to be redirected directly to it!

Implementation Details

At the end of this issue, there should be a typeahead in the navbar at the top of the app that allows me to put in the name of any meal item. Upon clicking on that item, it should redirect me to a page with reviews and the ability to review it.

Implementation Notes

  • We are already using typeaheads in Frontiers; check the TeamsTabComponent
  • Typing letters should trigger a search on the backend for relevant items
  • Items are segmented by dining commons; when searching using the typeahead, it should display which dining commons the item is from. You can customize the menu items for react-bootstrap-typeahead -- see here.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions