intl: Change some hard-coded strings to be localized

Showcasing using full static strings in widgets, strings
with placeholders that need to respond to pluralization,
and strings in error dialogs.

Author: sirpengi

lib/widgets/app.dart

@@ -79,11 +79,12 @@ class ChooseAccountPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final zulipLocalizations = ZulipLocalizations.of(context);
     assert(!PerAccountStoreWidget.debugExistsOf(context));
     final globalStore = GlobalStoreWidget.of(context);
     return Scaffold(
       appBar: AppBar(
-        title: const Text('Choose account'),
+        title: Text(zulipLocalizations.chooseAccountPageTitle),
         actions: const [ChooseAccountPageOverflowButton()]),
       body: SafeArea(
         minimum: const EdgeInsets.all(8),
@@ -100,7 +101,7 @@ class ChooseAccountPage extends StatelessWidget {
               ElevatedButton(
                 onPressed: () => Navigator.push(context,
                   AddAccountPage.buildRoute()),
-                child: const Text('Add an account')),
+                child: Text(zulipLocalizations.chooseAccountButtonAddAnAccount)),
             ]))),
       ));
   }
@@ -140,6 +141,7 @@ class HomePage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     final store = PerAccountStoreWidget.of(context);
+    final zulipLocalizations = ZulipLocalizations.of(context);
 
     InlineSpan bold(String text) => TextSpan(
       text: text, style: const TextStyle(fontWeight: FontWeight.bold));
@@ -164,10 +166,7 @@ class HomePage extends StatelessWidget {
               Text.rich(TextSpan(
                 text: 'Zulip server version: ',
                 children: [bold(store.zulipVersion)])),
-              Text.rich(TextSpan(text: 'Subscribed to ', children: [
-                bold(store.subscriptions.length.toString()),
-                const TextSpan(text: ' streams'),
-              ])),
+              Text(zulipLocalizations.subscribedToNStreams(store.subscriptions.length)),
             ])),
           const SizedBox(height: 16),
           ElevatedButton(

lib/widgets/compose_box.dart

@@ -2,6 +2,7 @@ import 'package:app_settings/app_settings.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
+import 'package:flutter_gen/gen_l10n/zulip_localizations.dart';
 import 'package:image_picker/image_picker.dart';
 
 import '../api/model/model.dart';
@@ -603,6 +604,7 @@ class _AttachFromCameraButton extends _AttachUploadsButton {
 
   @override
   Future<Iterable<_File>> getFiles(BuildContext context) async {
+    final zulipLocalizations = ZulipLocalizations.of(context);
     final picker = ImagePicker();
     final XFile? result;
     try {
@@ -619,10 +621,10 @@ class _AttachFromCameraButton extends _AttachUploadsButton {
         // permission-request alert once, the first time the app wants to
         // use a protected resource. After that, the only way the user can
         // grant it is in Settings.
-        showSuggestedActionDialog(context: context, // TODO(i18n)
-          title: 'Permissions needed',
-          message: 'To upload an image, please grant Zulip additional permissions in Settings.',
-          actionButtonText: 'Open settings',
+        showSuggestedActionDialog(context: context,
+          title: zulipLocalizations.cameraAccessDeniedTitle,
+          message: zulipLocalizations.cameraAccessDeniedMessage,
+          actionButtonText: zulipLocalizations.cameraAccessDeniedButtonText,
           onActionButtonPress: () {
             AppSettings.openAppSettings();
           });

lib/widgets/profile.dart

@@ -1,6 +1,7 @@
 import 'dart:convert';
 
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/zulip_localizations.dart';
 
 import '../api/model/model.dart';
 import '../model/content.dart';
@@ -28,6 +29,7 @@ class ProfilePage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final zulipLocalizations = ZulipLocalizations.of(context);
     final store = PerAccountStoreWidget.of(context);
     final user = store.users[userId];
     if (user == null) {
@@ -42,7 +44,7 @@ class ProfilePage extends StatelessWidget {
         textAlign: TextAlign.center,
         style: _TextStyles.primaryFieldText.merge(const TextStyle(fontWeight: FontWeight.bold))),
       // TODO(#291) render email field
-      Text(roleToLabel(user.role),
+      Text(roleToLabel(user.role, zulipLocalizations),
         textAlign: TextAlign.center,
         style: _TextStyles.primaryFieldText),
       // TODO(#197) render user status
@@ -56,7 +58,7 @@ class ProfilePage extends StatelessWidget {
           MessageListPage.buildRoute(context: context,
             narrow: DmNarrow.withUser(userId, selfUserId: store.account.userId))),
         icon: const Icon(Icons.email),
-        label: const Text('Send direct message')),
+        label: Text(zulipLocalizations.profileButtonSendDirectMessage)),
     ];
 
     return Scaffold(
@@ -93,14 +95,14 @@ class _ProfileErrorPage extends StatelessWidget {
   }
 }
 
-String roleToLabel(UserRole role) {
+String roleToLabel(UserRole role, ZulipLocalizations zulipLocalizations) {
   return switch (role) {
-    UserRole.owner => 'Owner',
-    UserRole.administrator => 'Administrator',
-    UserRole.moderator => 'Moderator',
-    UserRole.member => 'Member',
-    UserRole.guest => 'Guest',
-    UserRole.unknown => 'Unknown',
+    UserRole.owner => zulipLocalizations.userRoleOwner,
+    UserRole.administrator => zulipLocalizations.userRoleAdministrator,
+    UserRole.moderator => zulipLocalizations.userRoleModerator,
+    UserRole.member => zulipLocalizations.userRoleMember,
+    UserRole.guest => zulipLocalizations.userRoleGuest,
+    UserRole.unknown => zulipLocalizations.userRoleUnknown,
   };
 }
 

test/widgets/profile_test.dart

@@ -1,6 +1,7 @@
 import 'package:checks/checks.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_gen/gen_l10n/zulip_localizations.dart';
 import 'package:flutter_test/flutter_test.dart';
 import 'package:url_launcher/url_launcher.dart';
 import 'package:zulip/api/model/initial_snapshot.dart';
@@ -44,6 +45,8 @@ Future<void> setupPage(WidgetTester tester, {
     GlobalStoreWidget(
       child: MaterialApp(
         navigatorObservers: navigatorObserver != null ? [navigatorObserver] : [],
+        localizationsDelegates: ZulipLocalizations.localizationsDelegates,
+        supportedLocales: ZulipLocalizations.supportedLocales,
         home: PerAccountStoreWidget(
           accountId: eg.selfAccount.id,
           child: ProfilePage(userId: pageUserId)))));