nav: Add bottom tabs and main menu

This is an initial implementation because some features were considered out-of-scope as of now for zulip#1035. Compared to the Figma, we swapped the order of _ChannelsButton and _DirectMessagesButton in the menu so they match their order on the navigation bar. See: https://chat.zulip.org/#narrow/channel/48-mobile/topic/Buttons.20on.20the.20bottom.20tabs.20and.20main.20menu We also added _CombinedFeedButton, using the same icon we have for "Combined feed" on the web app's topleft sidebar, added a "Switch account" button, and renamed "Streams" to "Channels". Signed-off-by: Zixuan James Li <[email protected]>
PIG208 · Dec 3, 2024 · 6cc9d47 · 6cc9d47
1 parent 6d9037b
commit 6cc9d47
Show file tree

Hide file tree

Showing 8 changed files with 711 additions and 71 deletions.
diff --git a/assets/l10n/app_en.arb b/assets/l10n/app_en.arb
@@ -529,6 +529,10 @@
   "@userRoleUnknown": {
     "description": "Label for UserRole.unknown"
   },
+  "inboxButton": "Inbox",
+  "@inboxButton": {
+    "description": "Label for the menu button switching to inbox."
+  },
   "recentDmConversationsPageTitle": "Direct messages",
   "@recentDmConversationsPageTitle": {
     "description": "Title for the page of recent DM conversations"
@@ -545,6 +549,14 @@
   "@starredMessagesPageTitle": {
     "description": "Title for the page of starred messages."
   },
+  "channelsButton": "Channels",
+  "@channelsButton": {
+    "description": "Label for the menu button switching to channels."
+  },
+  "profilePageTitle": "My profile",
+  "@profilePageTitle": {
+    "description": "Title for the page of the logged in user's profile."
+  },
   "channelFeedButtonTooltip": "Channel feed",
   "@channelFeedButtonTooltip": {
     "description": "Tooltip for button to navigate to a given channel's feed"

diff --git a/lib/generated/l10n/zulip_localizations.dart b/lib/generated/l10n/zulip_localizations.dart
@@ -799,6 +799,12 @@ abstract class ZulipLocalizations {
   /// **'Unknown'**
   String get userRoleUnknown;
 
+  /// Label for the menu button switching to inbox.
+  ///
+  /// In en, this message translates to:
+  /// **'Inbox'**
+  String get inboxButton;
+
   /// Title for the page of recent DM conversations
   ///
   /// In en, this message translates to:
@@ -823,6 +829,18 @@ abstract class ZulipLocalizations {
   /// **'Starred messages'**
   String get starredMessagesPageTitle;
 
+  /// Label for the menu button switching to channels.
+  ///
+  /// In en, this message translates to:
+  /// **'Channels'**
+  String get channelsButton;
+
+  /// Title for the page of the logged in user's profile.
+  ///
+  /// In en, this message translates to:
+  /// **'My profile'**
+  String get profilePageTitle;
+
   /// Tooltip for button to navigate to a given channel's feed
   ///
   /// In en, this message translates to:

diff --git a/lib/generated/l10n/zulip_localizations_ar.dart b/lib/generated/l10n/zulip_localizations_ar.dart
@@ -419,6 +419,9 @@ class ZulipLocalizationsAr extends ZulipLocalizations {
   @override
   String get userRoleUnknown => 'Unknown';
 
+  @override
+  String get inboxButton => 'Inbox';
+
   @override
   String get recentDmConversationsPageTitle => 'Direct messages';
 
@@ -431,6 +434,12 @@ class ZulipLocalizationsAr extends ZulipLocalizations {
   @override
   String get starredMessagesPageTitle => 'Starred messages';
 
+  @override
+  String get channelsButton => 'Channels';
+
+  @override
+  String get profilePageTitle => 'My profile';
+
   @override
   String get channelFeedButtonTooltip => 'Channel feed';
 

diff --git a/lib/generated/l10n/zulip_localizations_en.dart b/lib/generated/l10n/zulip_localizations_en.dart
@@ -419,6 +419,9 @@ class ZulipLocalizationsEn extends ZulipLocalizations {
   @override
   String get userRoleUnknown => 'Unknown';
 
+  @override
+  String get inboxButton => 'Inbox';
+
   @override
   String get recentDmConversationsPageTitle => 'Direct messages';
 
@@ -431,6 +434,12 @@ class ZulipLocalizationsEn extends ZulipLocalizations {
   @override
   String get starredMessagesPageTitle => 'Starred messages';
 
+  @override
+  String get channelsButton => 'Channels';
+
+  @override
+  String get profilePageTitle => 'My profile';
+
   @override
   String get channelFeedButtonTooltip => 'Channel feed';
 

diff --git a/lib/generated/l10n/zulip_localizations_ja.dart b/lib/generated/l10n/zulip_localizations_ja.dart
@@ -419,6 +419,9 @@ class ZulipLocalizationsJa extends ZulipLocalizations {
   @override
   String get userRoleUnknown => '不明';
 
+  @override
+  String get inboxButton => 'Inbox';
+
   @override
   String get recentDmConversationsPageTitle => 'Direct messages';
 
@@ -431,6 +434,12 @@ class ZulipLocalizationsJa extends ZulipLocalizations {
   @override
   String get starredMessagesPageTitle => 'Starred messages';
 
+  @override
+  String get channelsButton => 'Channels';
+
+  @override
+  String get profilePageTitle => 'My profile';
+
   @override
   String get channelFeedButtonTooltip => 'Channel feed';