Bug: Typo error and UI Enhancement for Search Bar Dropdowns

[ashesbloom]

Description

On the homepage, below the search bar, the left-side element currently displays the text "Search with", which should be corrected to "Search on".

Steps to Reproduce

1. Navigate to https://xengshi.github.io/materialYouNewTab/.
2. Observe the text displayed below the search bar on the left-hand side.

Screenshots

Additional Context

To improve user clarity and functionality, consider separating "Search on" and "Search with" into distinct categories, potentially implemented as dropdown menus:

• Search on: Allow users to select platforms such as YouTube, ChatGPT, LinkedIn, etc.
• Search with: Enable users to choose browser engines like Chrome, Bing, DuckDuckGo, Brave, etc.

[XengShi]

Search on: Allow users to select platforms such as YouTube, ChatGPT, LinkedIn, etc.
Nice idea 💡

[TitanX311]

hello @XengShi @ashesbloom i want to work on the issue. But has it already been resolved?

[itz-rj-here]

hello @XengShi @ashesbloom i want to work on the issue. But has it already been resolved?

@prem-k-r

[prem-k-r]

Hi @TitanX311, it's hasn't been resolved.
Before proceeding can you please share what's your plan? how it will looks like

[ashesbloom]

@itz-rj-here yeah go ahead, though I have created a patch but it's buggy and needs polish!

[TitanX311]

Hi @TitanX311, it's hasn't been resolved. Before proceeding can you please share what's your plan? how it will looks like

as mentioned the idea about a dropdown menu with a sliding animation(similar to the "AI Tools" option) and having options like "search with" and "search on". the "search with" option will have google, brave, yahoo etc. and "search on" will have options like spotify, youtube, youtube music etc. Also thought of changing the icon of twitter.

Also for your kind info, i am a complete beginner in open source and want to seek guidance.
thank you

[prem-k-r]

Also thought of changing the icon of twitter.

Well, we have intentionally not updated the icon to 𝕏

[prem-k-r]

as mentioned the idea about a dropdown menu with a sliding animation(similar to the "AI Tools" option) and having options like "search with" and "search on". the "search with" option will have google, brave, yahoo etc. and "search on" will have options like spotify, youtube, youtube music etc. Also thought of changing the icon of twitter.

Also for your kind info, i am a complete beginner in open source and want to seek guidance. thank you

@XengShi

[ashesbloom]

@prem-k-r @TitanX311 I was thinking more like this but with some transition animations or something that goes with the theme.

Untitled.video.-.Made.with.Clipchamp.1.mp4

PS: if anyone needs this patch ping me up, I'll provide you

[prem-k-r]

It's nice, I was also thinking of clickable Search with, instead of dropdown.

Maybe you can open a PR on draft, people can do the changes there

[TitanX311]

@prem-k-r @TitanX311 I was thinking more like this but with some transition animations or something that goes with the theme.

Untitled.video.-.Made.with.Clipchamp.1.mp4
PS: if anyone needs this patch ping me up, I'll provide you

please provide the patch