If there are 0 audio results on the All Content view (but some images), the Load more button is not clickable

[sarayourfriend]

Description

Example: https://search-staging.openverse.engineering/search/?q=%F0%9F%90%88

Go to that search and try to use the load more button, it is unresponsive.

Originally reported by @obulat

Resolution

• 🙋 I would be interested in resolving this bug.

[godwin-olele]

Hi @sarayourfriend , the issue is that, the button has been set to disabled . inpect on the load more button , go to the html , you will see as below , try editing the html by removing the disbaled , then try it out it will load .the after that you can change that setting in your html code or css

[godwin-olele]

https://www.loom.com/share/8e1855ea8b114085a01f5cc932bf109a

[sarayourfriend]

@Godwindaniel10 yup! The reason why the button is disabled in that situation is the real question we need to answer to solve the issue 🙂 If you want to debug the issue I'd suggest looking at the VLoadMore component.

[godwin-olele]

@sarayourfriend aye aye, let me try checking it out

[godwin-olele]

@sarayourfriend guess im finding it had to run dev server, i followed the readme intruc

[obulat]

Oh, the problem wasn't in the emoji! 'Load More' button is disabled when there are 0 audio results, but some image results on the All Content view. #1238 could possibly fix this issue.

[sarayourfriend]

Aaaa a classic red herring 🙂 Thanks @obulat, and for updating the title!

[obulat]

Oh, I checked #1238, and it indeed fixes this issue. I merged main into it and marked it ready for review.