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] added Search Bar, styled Map, and started on Filters #49

Conversation

ethan-tam33
Copy link
Collaborator

What's new in this PR

Description

  • restyled Map/map.tsx
  • created and styled SearchBar/index.tsx
  • created and styled FilterBar/index.tsx although with minor styling error

Screenshots

Screenshot 2024-10-30 at 3 28 03 AM

How to review

  • review Map/map.tsx, SearchBar/*, and FilterBar/*

Next steps

  • need to fix styling error for FilterBar
  • need to figure out how to get proper font for SearchBar
  • after styling, create functionality

Relevant links

Online sources

Related PRs

CC: @itsliterallymonique

Copy link
Collaborator

@itsliterallymonique itsliterallymonique left a comment

Choose a reason for hiding this comment

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

The design looks nice. But please make the following changes:

  1. Use styled components instead of CSSProperties
  2. import each style individually instead of import * as styles
  3. Use rem / em instead of pixels -- please check this styling guide for guidance on how best practices.

components/FilterBar/index.tsx Outdated Show resolved Hide resolved
components/SearchBar/index.tsx Outdated Show resolved Hide resolved
components/SearchBar/styles.ts Outdated Show resolved Hide resolved
components/SearchBar/styles.ts Outdated Show resolved Hide resolved
components/FilterBar/styles.ts Show resolved Hide resolved
Copy link
Collaborator

@itsliterallymonique itsliterallymonique left a comment

Choose a reason for hiding this comment

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

Thanks for making the changes Ethan. This looks good to squash and merge!

@ethan-tam33 ethan-tam33 merged commit 9199d90 into main Oct 31, 2024
2 checks passed
@ethan-tam33 ethan-tam33 deleted the 22-chore-style-the-home-page-incl-non-functional-search-bar-+-filters branch October 31, 2024 18:19
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.

[chore] Style the Home Page (incl. non-functional search bar + filters)
2 participants