Added search query functionality without page redirection

[Shrutim1505]

This PR resolves the issue #343

No suggestions appeared while typing in the search bar.
Pressing "Enter" caused a redirection instead of showing search results on the same page.

Changes Implemented:

• Added functionality to display search suggestions dynamically while typing in the search field.
• Modified search logic to prevent page redirection and display results on the same page.

Steps to Test:

• Start typing in the search field.
• Ensure suggestions appear as you type.
• Press "Enter" to see the search results displayed on the same page without redirection.

[volcano-sh-bot]

Welcome @shruti78!

It looks like this is your first PR to volcano-sh/website.

Thank you, and welcome to Volcano. 😃

[Shrutim1505]

/assign @kevin-wangzefeng

[Monokaix]

Hi, thanks for your contribution! Please signoff your commit with git commit -s.

[Shrutim1505]

Hi, thanks for your contribution! Please signoff your commit with git commit -s.

@Monokaix done

[JesseStutler]

After I typed something in the search field and pressed Enter, the page still refreshed, is it our expectation?

[Shrutim1505]

@JesseStutler Resolved the issue where page redirection occurred upon Pressing Enter, ensuring the user remains on the intended page. Also verified that refreshing is not causing any unintended navigation issues.

Also resolved the problem where the search query entered in the navbar was not being retained in the search bar after redirection on clicking Search button.

Screencast.from.06-02-25.11.59.26.AM.IST.webm

Any further suggestions/ changes would be appreciated.

[Shrutim1505]

@JesseStutler in short i solved:-

• Current Page don't redirects to another page on clicking "ENTER"
• When the search query entered in the navbar , query is retained in the search bar on clicking the Search icon.

[JesseStutler]

You can see the rendering here, click the details button, the website deployed on netlify:

Have you updated your codes? After I clicked Enter, the page still got refreshed, the effect should be to show the search results directly on the page without refresh, right?

[Shrutim1505]

@JesseStutler please review it now !!
completed the functionality of dynamic rendering

[JesseStutler]

The phenomenon I encountered:

1. When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed
2. When I use enter to search, there are indeed search results shown, but still refreshed the page

Maybe you should deploy locally and check carefully

[Shrutim1505]

The phenomenon I encountered:

1. When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed
2. When I use enter to search, there are indeed search results shown, but still refreshed the page

Maybe you should deploy locally and check carefully

I feel page redirection on pressing enter was our main concern, it refereshes the page while reloading.
however " When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed" would be taken into consideration.
Apology for the confusion

[JesseStutler]

The phenomenon I encountered:

1. When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed
2. When I use enter to search, there are indeed search results shown, but still refreshed the page

Maybe you should deploy locally and check carefully

I feel page redirection on pressing enter was our main concern, it refereshes the page while reloading. however " When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed" would be taken into consideration. Apology for the confusion

It looks like it's a bit more correct now, but the refresh still exists, it still refreshes the page and then show the results, instead of showing the search results directly, is this what we expect? If is's hard to implement, I think current is fine

[Shrutim1505]

The phenomenon I encountered:

1. When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed
2. When I use enter to search, there are indeed search results shown, but still refreshed the page

Maybe you should deploy locally and check carefully

I feel page redirection on pressing enter was our main concern, it refereshes the page while reloading. however " When I type something and click the search button, there is nothing shown in the search results, and then immediately refreshed" would be taken into consideration. Apology for the confusion

It looks like it's a bit more correct now, but the refresh still exists, it still refreshes the page and then show the results, instead of showing the search results directly, is this what we expect? If is's hard to implement, I think current is fine

I encountered why this is happening ,
its because of outdated packages, the functionality is slower as it acts. I am updating code base to remove this issue.

[Shrutim1505]

@JesseStutler @kevin-wangzefeng @Monokaix isnt this PR Satisfiable

[Monokaix]

Please rebase master and squash to one commit: )

[Shrutim1505]

@Monokaix done

Please rebase master and squash to one commit: )

[Monokaix]

/lgtm

[volcano-sh-bot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: william-wang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• OWNERS [william-wang]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment