Add "No Results" Message When Searching Channel Content #3513

Merged
dalhill merged 1 commit from 3507-no-results into master 2020-01-21 17:53:48 +01:00
dalhill commented 2020-01-19 09:16:53 +01:00 (Migrated from github.com)

PR Checklist

  • I have checked that this PR is not a duplicate of an existing PR (open, closed or merged)
  • I have checked that this PR does not introduce a breaking change

PR Type

  • Bugfix

Fixes

Issue Number: #3507

What is the current behavior?

When no results are returned, the user just sees an empty section.
no-results-before

What is the new behavior?

When no results are returned, the user will see a message saying "no results".
no-results

Bonus

I noticed the styling of returned results was off when searching a channel. I dug around and saw that we could use ClaimList here, this fixes both the styling and the 'no results' issue.

Current Search Styling
results-no-style

New Search Styling
results-with-style2

## PR Checklist - [x] I have checked that this PR is not a duplicate of an existing PR (open, closed or merged) - [x] I have checked that this PR does not introduce a breaking change ## PR Type - [x] Bugfix ## Fixes Issue Number: #3507 ## What is the current behavior? When no results are returned, the user just sees an empty section. ![no-results-before](https://user-images.githubusercontent.com/15717854/72677409-a43e3380-3a61-11ea-92e1-51bf7bf222f5.png) ## What is the new behavior? When no results are returned, the user will see a message saying "no results". ![no-results](https://user-images.githubusercontent.com/15717854/72677376-680ad300-3a61-11ea-9568-006cb282393e.png) ## Bonus I noticed the styling of returned results was off when searching a channel. I dug around and saw that we could use ClaimList here, this fixes both the styling and the 'no results' issue. *Current Search Styling* ![results-no-style](https://user-images.githubusercontent.com/15717854/72687265-c5367100-3ac1-11ea-83d1-258beb2921ff.png) *New Search Styling* ![results-with-style2](https://user-images.githubusercontent.com/15717854/72687291-0595ef00-3ac2-11ea-92ca-f77a0a45e528.png)
neb-b (Migrated from github.com) reviewed 2020-01-19 09:16:53 +01:00
dalhill (Migrated from github.com) reviewed 2020-01-19 20:42:31 +01:00
dalhill (Migrated from github.com) commented 2020-01-19 20:42:29 +01:00

@seanyesmunt please review these parameters. For 'type' I saw that some options are 'small, 'large', 'inline', etc.. All of these options gave undesired results. What value should I use here if I just want the default behavior?

@seanyesmunt please review these parameters. For 'type' I saw that some options are 'small, 'large', 'inline', etc.. All of these options gave undesired results. What value should I use here if I just want the default behavior?
neb-b (Migrated from github.com) reviewed 2020-01-20 17:31:40 +01:00
neb-b (Migrated from github.com) commented 2020-01-20 17:31:40 +01:00

@dalhill you can just remove that line and it will use the default.

@dalhill you can just remove that line and it will use the default.
neb-b (Migrated from github.com) requested changes 2020-01-20 17:33:57 +01:00
neb-b (Migrated from github.com) left a comment

Small comments. Anytime you want the default behavior for a prop, just don't pass it in to the component.

Small comments. Anytime you want the default behavior for a prop, just don't pass it in to the component.
neb-b (Migrated from github.com) commented 2020-01-20 17:33:07 +01:00

Please change this import to just use 'component/claimList'

Please change this import to just use `'component/claimList'`
neb-b commented 2020-01-20 17:34:36 +01:00 (Migrated from github.com)

Also thank you for fixing the styling! I have been meaning to do that.

Also thank you for fixing the styling! I have been meaning to do that.
Sign in to join this conversation.
No reviewers
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: LBRYCommunity/lbry-desktop#3513
No description provided.