Skip to content

Sprach- und Theme-Umschalter verbessern#148

Merged
Lennard79 merged 4 commits into
mainfrom
smoother-language-theme
Jul 4, 2026
Merged

Sprach- und Theme-Umschalter verbessern#148
Lennard79 merged 4 commits into
mainfrom
smoother-language-theme

Conversation

@Lennard79

@Lennard79 Lennard79 commented Jul 4, 2026

Copy link
Copy Markdown
Collaborator

Änderungen

  • Sprachumschalter durch ein eigenes Dropdown mit Flaggen für DE und EN ersetzt.
  • Gemeinsamen Theme-Button eingeführt und in Topbar sowie Auth-Layout verwendet.
  • Light-/Darkmode-Umschaltung auf Login- und Registrierungsseite ergänzt.
  • Englische Login-Subtitle-Übersetzung korrigiert, damit kein Deutsch/Englisch-Mix entsteht.

Warum

Der native Select wirkte optisch hart und zeigte keine Flaggen. Außerdem war der Theme-Wechsel bisher erst nach dem Login erreichbar. Eine Teilübersetzung führte zu Texten wie alles in one place.

Validierung

  • npm.cmd run lint
  • npm.cmd run typecheck
  • git diff --check
  • Browser-Check auf Login/Registrierung für Sprachmenü, EN-Auswahl und Light-/Darkmode

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Diese PR verbessert die Internationalisierung und Theme-Steuerung in der LearnHub-UI, indem der Sprachumschalter als eigenes Dropdown (mit Flaggen) umgesetzt und ein wiederverwendbarer Theme-Button eingeführt wird, der nun auch auf Login/Registrierung verfügbar ist.

Changes:

  • Sprachumschalter von nativen <select> zu einem Custom-Dropdown mit Flaggen (DE/EN) umgebaut.
  • Gemeinsamen ThemeToggleButton erstellt und in Topbar sowie Auth-Layout integriert.
  • Übersetzungsbausteine ergänzt/korrigiert, um Deutsch/Englisch-Mix in zusammengesetzten Texten zu vermeiden.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
src/lib/i18n/translations.ts Ergänzt Phrase-Übersetzungen zur Vermeidung von Teilübersetzungen/Sprachmix.
src/lib/i18n/LanguageProvider.tsx Ersetzt den Sprach-Select durch ein eigenes Dropdown inkl. Flaggen/Interaktionslogik.
src/components/ui/ThemeToggleButton.tsx Neuer, wiederverwendbarer Theme-Umschalter für App- und Auth-UI.
src/components/login/AuthSplitLayout.tsx Bringt Theme-Umschaltung (und Dark-Styles) auf Login/Registrierung.
src/components/layout/Topbar.tsx Nutzt den neuen Theme-Button statt Inline-Implementierung.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/components/ui/ThemeToggleButton.tsx
Comment thread src/lib/i18n/LanguageProvider.tsx Outdated
Comment thread src/lib/i18n/LanguageProvider.tsx Outdated
Lennard79 and others added 3 commits July 5, 2026 00:40
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
Co-authored-by: Copilot Autofix powered by AI <175728472+Copilot@users.noreply.github.com>
@Lennard79 Lennard79 force-pushed the smoother-language-theme branch from 6966925 to bc5ecad Compare July 4, 2026 23:15
@Lennard79 Lennard79 marked this pull request as ready for review July 4, 2026 23:29
@Lennard79 Lennard79 merged commit 5a49353 into main Jul 4, 2026
2 checks passed
@Lennard79 Lennard79 deleted the smoother-language-theme branch July 4, 2026 23:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants