It's a responsive search. It launches as soon as you type three characters, as the page preloads the 30040s, 30041s, and 30818s from the relays, so you're searching through the local storage.

What the clear button does is clear the bar and the drop-downs. It doesn't just effect the search bar.

Reply to this note

Please Login to reply.

Discussion

Hmm. Then I don't know if switching to an X is a good idea. Makes that functionality less clear.

But maybe the clear should be on the bottom row. 🤔

if the icon is on teh right most people will recognise the meaning

I think I kept the lazy-loading logic from you, nostr:npub1wqfzz2p880wq0tumuae9lfwyhs8uz35xd0kr34zrvrwyh3kvrzuskcqsyn , but it loads the 30040s immediately, and then the others trickle in. So, the cards appear quickly and the other data follows, at a delay.

I can't remember. What do you think is best?

I'd expect the "clear" button to clear the query in the search bar, as well, on an intuitive level.

I like the lazy-loading. We can do that easily via WebSocket connections. Send out a query to relays, setup a subscription, then sort the responses as they trickle in.

We have to make sure we have a limit on the number of search results returned, and pagination logic, or else we'll overwhelm the browser and network with an endless stream of matching events.

It's set to 100, at the moment. Was thinking maybe a smaller number for card view than table, tho, because of the image loading.

Maybe 32 for cards, and 128 for table? Those should be user-configurable.

probably should be dictated by the device based on its performance capabilities

it really depends on how fast the interface can assemble the list, and adding new elements.

Also needs to be a bit dynamic, for the grid view, as it's 3 columns on Laptop/PC, 2 on Tablets and 1 on Phone. So, you need mutliples of two or three, to keep from having an unsightly gap, at the bottom.

yeah, platform differences are the challenge

I'm going to leave this one to the Core Developers. It's getting too complex and out of scope for the viewer to figure out.