Move example queries to search area in e-commerce showcase

[Roshanjossey]

You can find the current state in https://showcase.jina.ai/e-commerce/

We want to move the example queries into the search box.

You can find relevant code in https://github.com/jina-ai/jina-ui/blob/master/packages/showcases/src/components/common/ExampleQueries.tsx

The changes shouldn't affect other showcases, their UI should remain the same.

[fabiopapais]

Hi, I think I can work on it! I just have a few questions:

• Is there any problem using a library to facilitate drag-and-drop, or is it preferable to avoid it?
• After the example querie is released at the search area, is it necessary to indicate to the user that that item is already selected, or better to leave it for another issue/pull request?

Thanks in advance! :rocket:

[Roshanjossey]

Hi @fabiopapais, thank you for your interest in working on this issue.

To answer your questions,

• we already use dropzone and react dropzone. But that's not relevant to this issue. To further clarify the user experience, we want to trigger search when clicking on example queries just like now. The difference we want is that we want to move the example queries inside the drag and drop area above. it's a UI change.

• Let's consider this point out of scope now.

Let me know if you have more questions

[fabiopapais]

Alright, thanks for the reply. It's clear now, I can work on this issue!

[Roshanjossey]

Hey @fabiopapais, it's been a week after this was assigned. I don't want to wait too long to get closure on this, so I'm going to work on this myself.

Again, I appreciate your interest in this and am looking forward to collaborating with you in the future.

[fabiopapais]

Oh I'm sorry @Roshanjossey! Since I was not assigned, I was waiting for your reply :/

I'll be looking for other issues, thank's for the opportunity :)