Admin UI: Localization support (#634)

* feat: support l10n

* feat: add extension for easier l10n access

* feat: add some simple translations

Author: jkoenig134

AdminUi/apps/admin_ui/l10n.yaml

@@ -0,0 +1,4 @@
+arb-dir: lib/l10n
+template-arb-file: app_en.arb
+output-localization-file: app_localizations.dart
+use-escaping: false

AdminUi/apps/admin_ui/lib/core/extensions.dart

@@ -1,8 +1,13 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:get_it/get_it.dart';
 
 import 'theme/theme.dart';
 
+extension AppLocalizationsExtension on BuildContext {
+  AppLocalizations get l10n => AppLocalizations.of(this)!;
+}
+
 extension UnregisterIfRegistered on GetIt {
   Future<void> unregisterIfRegistered<T extends Object>() async {
     if (!isRegistered<T>()) return;

AdminUi/apps/admin_ui/lib/home/clients_overview/modals/change_client_secret_dialog.dart

@@ -113,8 +113,8 @@ class _ChangeClientSecretDialogState extends State<_ChangeClientSecretDialog> {
           ),
         ),
         actions: [
-          OutlinedButton(onPressed: _saving ? null : () => context.pop(), child: Text(_saveSucceeded ? 'Close' : 'Cancel')),
-          if (!_saveSucceeded) FilledButton(onPressed: _saving ? null : _changeClientSecret, child: const Text('Save')),
+          OutlinedButton(onPressed: _saving ? null : () => context.pop(), child: Text(_saveSucceeded ? context.l10n.close : context.l10n.cancel)),
+          if (!_saveSucceeded) FilledButton(onPressed: _saving ? null : _changeClientSecret, child: Text(context.l10n.save)),
         ],
       ),
     );

AdminUi/apps/admin_ui/lib/home/clients_overview/modals/create_client_dialog.dart

@@ -166,11 +166,11 @@ class _CreateClientDialogState extends State<_CreateClientDialog> {
           ),
         ),
         actions: [
-          OutlinedButton(onPressed: _saving ? null : () => context.pop(), child: Text(_saveSucceeded ? 'Close' : 'Cancel')),
+          OutlinedButton(onPressed: _saving ? null : () => context.pop(), child: Text(_saveSucceeded ? context.l10n.close : context.l10n.cancel)),
           if (!_saveSucceeded)
             FilledButton(
               onPressed: _chosenDefaultTier != null && !_saveSucceeded && !_saving ? _createClient : null,
-              child: const Text('Save'),
+              child: Text(context.l10n.save),
             ),
         ],
       ),

AdminUi/apps/admin_ui/lib/home/clients_overview/modals/remove_clients_dialog.dart

@@ -50,12 +50,12 @@ class _RemoveClientsDialogState extends State<_RemoveClientsDialog> {
         actions: <Widget>[
           OutlinedButton(
             onPressed: _deleting ? null : () => context.pop(),
-            child: Text(_deletionSucceeded ? 'Close' : 'Cancel'),
+            child: Text(_deletionSucceeded ? context.l10n.close : context.l10n.cancel),
           ),
           if (!_deletionSucceeded)
             TextButton(
               onPressed: _deleting ? null : _deleteSelectedClients,
-              child: Text('Yes', style: TextStyle(color: Theme.of(context).colorScheme.error)),
+              child: Text(context.l10n.yes, style: TextStyle(color: Theme.of(context).colorScheme.error)),
             ),
         ],
       ),

AdminUi/apps/admin_ui/lib/home/tiers_overview/modals/show_create_tier_dialog.dart

@@ -80,7 +80,7 @@ class _CreateTierDialogState extends State<_CreateTierDialog> {
         actions: <Widget>[
           OutlinedButton(
             onPressed: _isLoading ? null : () => context.pop(),
-            child: const Text('Cancel'),
+            child: Text(context.l10n.cancel),
           ),
           FilledButton(
             onPressed: _isLoading ? null : () => _onSubmitted(_tierNameController.text),

AdminUi/apps/admin_ui/lib/l10n/app_de.arb

@@ -0,0 +1,3 @@
+{
+    "@@locale": "de"
+}

AdminUi/apps/admin_ui/lib/l10n/app_en.arb

@@ -0,0 +1,7 @@
+{
+    "@@locale": "en",
+    "cancel": "Cancel",
+    "close": "Close",
+    "save": "Save",
+    "yes": "Yes"
+}

AdminUi/apps/admin_ui/lib/main.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:flutter_gen/gen_l10n/app_localizations.dart';
 import 'package:get_it/get_it.dart';
 import 'package:go_router/go_router.dart';
 import 'package:logger/logger.dart';
@@ -82,12 +82,8 @@ class AdminUiApp extends StatelessWidget {
       ),
       debugShowCheckedModeBanner: false,
       routerConfig: _router,
-      supportedLocales: const [Locale('en'), Locale('de')],
-      localizationsDelegates: const [
-        GlobalMaterialLocalizations.delegate,
-        GlobalWidgetsLocalizations.delegate,
-        GlobalCupertinoLocalizations.delegate,
-      ],
+      localizationsDelegates: AppLocalizations.localizationsDelegates,
+      supportedLocales: AppLocalizations.supportedLocales,
     );
   }
 }