Enabling i18n feature for smaller screens

[sambhavgupta0705]

Why do we need this improvement?

Currently we have i18n feature for large screens but not for smaller screens.
So we should work on enabling it for smaller screen
For which first we need a design and need to know where can we place the button to switch to different languages

How will this change help?

It will enable translation to various language for smaller screens

Screenshots

No response

How could it be implemented/designed?

A design can be proposed by @Mayaleeeee on which we can work

🚧 Breaking changes

No

👀 Have you checked for similar open issues?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue?

No, someone else can work on it.

[sambhavgupta0705]

This is not a good first issue and for this first we need a design to be implemented
cc: @anshgoyalevil

[Aryann15]

Hey @sambhavgupta0705!, would like to work on this (ofc, after the design is finalized), Can i get it assigned ?
Thanks!

[AbhishekCS3459]

@sambhavgupta0705 can I go for this i18 button Design in mobile devices?

[anshgoyalevil]

@Aryann15 @AbhishekCS3459 Guys you need to wait until we get a design spec for this button from @Mayaleeeee

[its-kunal]

Hey @Mayaleeeee, can please design the spec for I18N button

[Mayaleeeee]

Hey @Mayaleeeee, can please design the spec for I18N button

I'll take a look at it.

[its-kunal]

Hey @Mayaleeeee, any update related to this

[akkshitgupta]

We can go for this particular icon, available in hero icons, as it's always preferred to use icons on small screens, unless the icon is very underrated and doesn't convey it's purpose.

not sure if this is a great suggestion

[AbhishekCS3459]

@akkshitgupta Can I go for it as I was working on it earlier?

[akkshitgupta]

@AbhishekCS3459 you can go for it once @Mayaleeeee confirms what should be done. it is still under discussion i guess ;)

[Mayaleeeee]

We can go for this particular icon, available in hero icons, as it's always preferred to use icons on small screens, unless the icon is very underrated and doesn't convey it's purpose.

not sure if this is a great suggestion

Do you mean the language icon?

[akkshitgupta]

Yes @Mayaleeeee, the language icon. may be the green mark is creating confusion. that mark was on the website

[Mayaleeeee]

Yes @Mayaleeeee, the language icon. may be the green mark is creating confusion. that mark was on the website

which green mark? I don't understand

[akkshitgupta]

I misunderstood your question here, my bad 😅

Do you mean the language icon?

[sambhavgupta0705]

@akkshitgupta you can make a design for the smaller screen which we can later review for smooth working

[AbhishekCS3459]

@sambhavgupta0705 can I proceed?

[sambhavgupta0705]

Ohh my bad
@akkshitgupta as @AbhishekCS3459 was the first one to show interest in working on this so his PR for this issue would be considered first

[AbhishekCS3459]

@akkshitgupta so can I proceed?

[sambhavgupta0705]

@AbhishekCS3459 yes you may

[AbhishekCS3459]

Hey @sambhavgupta0705, could you please explain the flow? When the user clicks the new icon above, does it trigger a dropdown with various icons, similar to the existing setup?

[sambhavgupta0705]

similar to the existing setup?

yeahhh

[sambhavgupta0705]

any update @AbhishekCS3459 ?

[AbhishekCS3459]

@sambhavgupta0705, I am coming up with a PR today.

[sambhavgupta0705]

okay!!

[sambhavgupta0705]

@AbhishekCS3459 what's the status of the PR?

[TenzDelek]

@sambhavgupta0705 can i work on it?

[TenzDelek]

@sambhavgupta0705 hello, if the previous developer is still working on it, you can close this pr

[sambhavgupta0705]

@TenzDelek the previous contributor hasn't raised any PR from the past 2 weeks so this issue has been shifted to you so your PR will be considered for this issue

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity 😴

It will be closed in 120 days if no further activity occurs. To unstale this issue, add a comment with a detailed explanation.

There can be many reasons why some specific issue has no activity. The most probable cause is lack of time, not lack of interest. AsyncAPI Initiative is a Linux Foundation project not owned by a single for-profit company. It is a community-driven initiative ruled under open governance model.

Let us figure out together how to push this issue forward. Connect with us through one of many communication channels we established here.

Thank you for your patience ❤️

[DhairyaMajmudar]

Solution: A fix for this issue can be to add a language selector dropdown menu at the end of the mobile navbar

Reference:

The dropdown menu will be developed such that the language selected will be displayed. For egs. user selects the German language then German as visual text can be shown.

References:

Dropdown with English selected	Dropdown with Portuguese selected

Inspirations: https://vite.dev/

I would like to get reviews and suggestions for the design and get assigned to the issue, Thank you!
cc: @sambhavgupta0705 @anshgoyalevil

[aeworxet]

Bounty Issue's service comment

Text labels: bounty/2025-Q1, bounty/medium, bounty/coding
First assignment to regular contributors: 2024-12-20 00:00:00 UTC+12:00
End Of Life after: 2025-01-31 23:59:59 UTC-12:00

@asyncapi/bounty_team

The Bounty Program is not a Mentorship Program. The accepted level of Bounty Program Participants is Middle/Senior.

Regular contributors should explain in meaningful words how they are going to approach the resolution process when expressing a desire to work on this Bounty Issue.

[devilkiller-ag]

Hi @aeworxet, Can I work on this bounty?

[aeworxet]

@devilkiller-ag
Yes, the AsyncAPI Maintainers specified in https://github.com/asyncapi/community/blob/master/MAINTAINERS.yaml have priority in the resolution of Bounty Issues.

[anshgoyalevil]

Assigning to @devilkiller-ag

[aeworxet]

Bounty Issue's Timeline

Complexity Level	Assignment Date (by GitHub)	Start Date (by BP Rules)	End Date (by BP Rules)	Draft PR Submission	Final PR Merge Start	Final PR Merge End
Medium	2024-12-17	2025-01-06	2025-02-16	2025-01-19	2025-02-02	2025-02-16

Please note that the dates given represent deadlines, not specific dates, so if the goal is reached sooner, it's better.

Keep in mind the responsibility for violations of the Timeline.

Assignee: @devilkiller-ag (githubID: 43639341)

[devilkiller-ag]

Thanks @aeworxet @anshgoyalevil !!