fix(ui): added component for users to contribute missing search terms

[DevYoma]

Description

This PR replaces the No Result found with a SearchSuggestionContribution component similar to that of the ContributeCTA astro component

Related Issue

Fixes #68

Screenshots/Screencasts

Notes to Reviewer

The SearchSuggestionContribution component is similar to the ContributeCTA component.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
jargons-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 14, 2024 11:31am

[babblebey]

Great stuff @DevYoma,

Beautiful set-up, I had the below looks in mind though, it's a little less/no friction around the search result area, and we consume the ContributionCTA cleanly.

This though will require us to debounce the display of the ContributionCTA component for a few secs, to allow smooth render after the no search result is rendered.

What do you think (we can work together on this 😉)???

[DevYoma]

Yeah, your approach is good. We can work on it together. Now the only thing I want to ask is how we're going to use the ContributeCTA component that's in astro in the search.jsx island

[babblebey]

how we're going to use the ContributeCTA component that's in astro in the search.jsx island

Oh, that you already done with your introduction of the SearchSuggestionContribution locally in the search island.

Here's what we just have to do next...

• Edit the SearchSuggestionContribution component content to something we will both agree on
• Position the SearchSuggestionContribution component in the appropriate place and style to achieve the arrangement
• Implement a debounce functionality to to achieve the display delay

So, I'll handle the debounce functionality.

I'll let you handle the arrangement; below is a quick video of how I was able to achieve the arrangement within the browser, note the new classes I added etc.. Hopefully this helps

screencast-bpconcjcammlapcogcnnelfmaeghhagj-2024.09.13-16_24_32.webm