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: add search for collections #3095

Merged
merged 3 commits into from
May 3, 2024
Merged

feat: add search for collections #3095

merged 3 commits into from
May 3, 2024

Conversation

meelrossi
Copy link

@meelrossi meelrossi commented May 3, 2024

image

Copy link

vercel bot commented May 3, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
builder ✅ Ready (Inspect) Visit Preview 💬 Add feedback May 3, 2024 9:03pm

@coveralls
Copy link

coveralls commented May 3, 2024

Pull Request Test Coverage Report for Build 8944820620

Details

  • 0 of 0 changed or added relevant lines in 0 files are covered.
  • No unchanged relevant lines lost coverage.
  • Overall coverage remained the same at 46.945%

Totals Coverage Status
Change from base Build 8944447648: 0.0%
Covered Lines: 5407
Relevant Lines: 10504

💛 - Coveralls

Copy link
Contributor

@LautaroPetaccio LautaroPetaccio left a comment

Choose a reason for hiding this comment

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

Great job! 👍

There seem to be an issue with the search bar and the right buttons. The search bar seems to be stretching too much:
Screenshot 2024-05-03 at 15 05 54
And, I'm not sure if it's related to this change, but when there's no collection available, there's a big gap between the search bar and the nav bar. It seems that as there are no tabs, the space between the components remains:
Screenshot 2024-05-03 at 15 03 54
Would you mind taking a look at it?

@@ -31,13 +34,15 @@ import CollectionRow from './CollectionRow'
import { Props, TABS } from './CollectionsPage.types'
import './CollectionsPage.css'

let timeout: NodeJS.Timeout
Copy link
Contributor

Choose a reason for hiding this comment

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

As the CollectionsPage component lives in the web environment, we can ask for the return type of the setTimeout instead of typing it as the NodeJS.Timeout one:

Suggested change
let timeout: NodeJS.Timeout
let timeout: ReturnType<typeof setTimeout>

Copy link
Contributor

Choose a reason for hiding this comment

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

Would you mind defining the timeout variable as being part of the CollectionsPage component instance so it's not globally defined?

Copy link
Contributor

@LautaroPetaccio LautaroPetaccio left a comment

Choose a reason for hiding this comment

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

Looks amazing, great work 🚀

@meelrossi meelrossi merged commit 1948e47 into master May 3, 2024
7 checks passed
@meelrossi meelrossi deleted the feat/search-collections branch May 3, 2024 21:12
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