Replace human-readable text with i18n keys

jelveh commented 2 months ago

For translation purposes, we need to replace all human-readable text in the UI components with i18n(key) calls. This will allow for easier localization in the future.

Tasks

[ ] Identify all human-readable text in files located under ./src/gui/src/UI
[ ] Replace each instance of human-readable text with i18n(key)
[ ] Add corresponding translations for each key in ./src/gui/src/i18n/translations/en.js

Implementation Details

Go through each file in ./src/gui/src/UI
For each human-readable string found:
- Create a unique, descriptive key for the string
- Replace the string with i18n(key)
- Add the key-value pair to ./src/gui/src/i18n/translations/en.js

Example

Before:

<button>Submit</button>

After:

<button>{i18n('submit')}</button>

In ./src/gui/src/i18n/translations/en.js:

const en = {
    name: "English",
    english_name: "English",
    code: "en",
    dictionary: {
        // ... existing translations
        'submit_button_text': 'Submit',
        // ... existing translations
    }
}

Additional Notes

Ensure keys are descriptive and follow a consistent naming convention
Be cautious with dynamic text or text that includes variables
Consider context when creating keys to avoid potential conflicts

Definition of Done

All human-readable text in files under ./src/gui/src/UI is replaced with i18n(key) calls.
All new keys are added to ./src/gui/src/i18n/translations/en.js with correct English translations.
The application builds without errors and all UI elements display correctly.

ADTmux commented 2 months ago

hey can I work on this?

jelveh commented 2 months ago

Of course! Assigned ✌️

Let me know if you need help.

NFFY88 commented 2 months ago

Hi! If you need help translating new keys into Russian, call me.

Schlipe commented 2 months ago

Hey, mind if I give a go?

jelveh commented 2 months ago

Hey, mind if I give a go?

This issue is already assigned. Let me double-check quickly to see if they're working on it.

Hey @ADTmux, are you still working on this issue?

jelveh commented 2 months ago

@ADTmux just a quick follow-up, are you still working on this? I think @Schlipe is interested if you don't have time to finish it.

jelveh commented 2 months ago

@Schlipe are you still interested in picking this up? I can assign it to you.

Schlipe commented 2 months ago

@Schlipe are you still interested in picking this up? I can assign it to you.

Yes, u may assign I'll try my best

jelveh commented 2 months ago

Thank you @Schlipe. Assigned. Let me know if you need any help :)

HeyPuter / puter