shizuko-akamoto / Trecipe

CPSC 436I Project (2020S)
1 stars 3 forks source link

Implemented components for Navigation bar and Search bar #37

Closed shizuko-akamoto closed 4 years ago

shizuko-akamoto commented 4 years ago

Two new components, the navigation bar and the search bar. Feel free to pull and play around with the components. I know we didn't have a chance to review the designs for these components so I'm hoping to get any feedback now.

Changes

  1. navBar.tsx
    • Implemented the navigation bar with configurable links, some hover styling.
  2. searchBar.tsx
    • Implemented the search bar with dummy results displaying depending on which search filter is selected. Search filters to be supported are defined in SearchFilter enum (Place, Trecipe, User). In the actual search bar though, you won't see the User search filter (thought it's not really necessary until we actually support multi-user).
  3. Other change
    • Renamed colors.scss to variables.scss (Sorry! And let me know if you're expecting merge conflicts from this, I can wait until your code is in and fix the conflicts on my end) In variable.scss, added some more common family and size variables. Updated the existing scss to use those newly defined variables.
    • Addressed issue #36, making button.scss to deal with rem units instead of px.

The Trecipe logo here is using the "Shadows in the Light" font we decided upon: image

Closes #27, closes #36