Skip to content

Show archive icon for archived channels and add test (fixes #1992) #2037

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nsamuelreddy wants to merge 2 commits into
base: main
Choose a base branch
from
+78 −59
Open

Show archive icon for archived channels and add test (fixes #1992) #2037

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
607fc8b
icons: Add 'archive', custom Zulip design
Dec 20, 2025
32cccf5
all_channels: Show archive icon for archived channels
Dec 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified assets/icons/ZulipIcons.ttf
View file
Open in desktop
Binary file not shown.
6 changes: 6 additions & 0 deletions assets/icons/archive.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
121 changes: 62 additions & 59 deletions lib/widgets/icons.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import 'package:flutter/widgets.dart';

import '../api/model/model.dart';
Expand All @@ -24,179 +23,182 @@ abstract final class ZulipIcons {
//
// BEGIN GENERATED ICON DATA

/// The Zulip custom icon "archive".
static const IconData archive = IconData(0xf101, fontFamily: "Zulip Icons");
Copy link
Collaborator

@chrisbobbe chrisbobbe Dec 19, 2025

Choose a reason for hiding this comment

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

How did you create the link to the design discussion, in the commit message? The channel-ID part is wrong, so it doesn't take me to the intended message.


/// The Zulip custom icon "arrow_down".
static const IconData arrow_down = IconData(0xf101, fontFamily: "Zulip Icons");
static const IconData arrow_down = IconData(0xf102, fontFamily: "Zulip Icons");

/// The Zulip custom icon "arrow_left_right".
static const IconData arrow_left_right = IconData(0xf102, fontFamily: "Zulip Icons");
static const IconData arrow_left_right = IconData(0xf103, fontFamily: "Zulip Icons");

/// The Zulip custom icon "arrow_right".
static const IconData arrow_right = IconData(0xf103, fontFamily: "Zulip Icons");
static const IconData arrow_right = IconData(0xf104, fontFamily: "Zulip Icons");

/// The Zulip custom icon "at_sign".
static const IconData at_sign = IconData(0xf104, fontFamily: "Zulip Icons");
static const IconData at_sign = IconData(0xf105, fontFamily: "Zulip Icons");

/// The Zulip custom icon "attach_file".
static const IconData attach_file = IconData(0xf105, fontFamily: "Zulip Icons");
static const IconData attach_file = IconData(0xf106, fontFamily: "Zulip Icons");

/// The Zulip custom icon "bot".
static const IconData bot = IconData(0xf106, fontFamily: "Zulip Icons");
static const IconData bot = IconData(0xf107, fontFamily: "Zulip Icons");

/// The Zulip custom icon "camera".
static const IconData camera = IconData(0xf107, fontFamily: "Zulip Icons");
static const IconData camera = IconData(0xf108, fontFamily: "Zulip Icons");

/// The Zulip custom icon "check".
static const IconData check = IconData(0xf108, fontFamily: "Zulip Icons");
static const IconData check = IconData(0xf109, fontFamily: "Zulip Icons");

/// The Zulip custom icon "check_check".
static const IconData check_check = IconData(0xf109, fontFamily: "Zulip Icons");
static const IconData check_check = IconData(0xf10a, fontFamily: "Zulip Icons");

/// The Zulip custom icon "check_circle_checked".
static const IconData check_circle_checked = IconData(0xf10a, fontFamily: "Zulip Icons");
static const IconData check_circle_checked = IconData(0xf10b, fontFamily: "Zulip Icons");

/// The Zulip custom icon "check_circle_unchecked".
static const IconData check_circle_unchecked = IconData(0xf10b, fontFamily: "Zulip Icons");
static const IconData check_circle_unchecked = IconData(0xf10c, fontFamily: "Zulip Icons");

/// The Zulip custom icon "check_remove".
static const IconData check_remove = IconData(0xf10c, fontFamily: "Zulip Icons");
static const IconData check_remove = IconData(0xf10d, fontFamily: "Zulip Icons");

/// The Zulip custom icon "chevron_down".
static const IconData chevron_down = IconData(0xf10d, fontFamily: "Zulip Icons");
static const IconData chevron_down = IconData(0xf10e, fontFamily: "Zulip Icons");

/// The Zulip custom icon "chevron_right".
static const IconData chevron_right = IconData(0xf10e, fontFamily: "Zulip Icons");
static const IconData chevron_right = IconData(0xf10f, fontFamily: "Zulip Icons");

/// The Zulip custom icon "circle_x".
static const IconData circle_x = IconData(0xf10f, fontFamily: "Zulip Icons");
static const IconData circle_x = IconData(0xf110, fontFamily: "Zulip Icons");

/// The Zulip custom icon "clock".
static const IconData clock = IconData(0xf110, fontFamily: "Zulip Icons");
static const IconData clock = IconData(0xf111, fontFamily: "Zulip Icons");

/// The Zulip custom icon "contacts".
static const IconData contacts = IconData(0xf111, fontFamily: "Zulip Icons");
static const IconData contacts = IconData(0xf112, fontFamily: "Zulip Icons");

/// The Zulip custom icon "copy".
static const IconData copy = IconData(0xf112, fontFamily: "Zulip Icons");
static const IconData copy = IconData(0xf113, fontFamily: "Zulip Icons");

/// The Zulip custom icon "edit".
static const IconData edit = IconData(0xf113, fontFamily: "Zulip Icons");
static const IconData edit = IconData(0xf114, fontFamily: "Zulip Icons");

/// The Zulip custom icon "eye".
static const IconData eye = IconData(0xf114, fontFamily: "Zulip Icons");
static const IconData eye = IconData(0xf115, fontFamily: "Zulip Icons");

/// The Zulip custom icon "eye_off".
static const IconData eye_off = IconData(0xf115, fontFamily: "Zulip Icons");
static const IconData eye_off = IconData(0xf116, fontFamily: "Zulip Icons");

/// The Zulip custom icon "follow".
static const IconData follow = IconData(0xf116, fontFamily: "Zulip Icons");
static const IconData follow = IconData(0xf117, fontFamily: "Zulip Icons");

/// The Zulip custom icon "format_quote".
static const IconData format_quote = IconData(0xf117, fontFamily: "Zulip Icons");
static const IconData format_quote = IconData(0xf118, fontFamily: "Zulip Icons");

/// The Zulip custom icon "globe".
static const IconData globe = IconData(0xf118, fontFamily: "Zulip Icons");
static const IconData globe = IconData(0xf119, fontFamily: "Zulip Icons");

/// The Zulip custom icon "group_dm".
static const IconData group_dm = IconData(0xf119, fontFamily: "Zulip Icons");
static const IconData group_dm = IconData(0xf11a, fontFamily: "Zulip Icons");

/// The Zulip custom icon "hash_italic".
static const IconData hash_italic = IconData(0xf11a, fontFamily: "Zulip Icons");
static const IconData hash_italic = IconData(0xf11b, fontFamily: "Zulip Icons");

/// The Zulip custom icon "hash_sign".
static const IconData hash_sign = IconData(0xf11b, fontFamily: "Zulip Icons");
static const IconData hash_sign = IconData(0xf11c, fontFamily: "Zulip Icons");

/// The Zulip custom icon "image".
static const IconData image = IconData(0xf11c, fontFamily: "Zulip Icons");
static const IconData image = IconData(0xf11d, fontFamily: "Zulip Icons");

/// The Zulip custom icon "inbox".
static const IconData inbox = IconData(0xf11d, fontFamily: "Zulip Icons");
static const IconData inbox = IconData(0xf11e, fontFamily: "Zulip Icons");

/// The Zulip custom icon "info".
static const IconData info = IconData(0xf11e, fontFamily: "Zulip Icons");
static const IconData info = IconData(0xf11f, fontFamily: "Zulip Icons");

/// The Zulip custom icon "inherit".
static const IconData inherit = IconData(0xf11f, fontFamily: "Zulip Icons");
static const IconData inherit = IconData(0xf120, fontFamily: "Zulip Icons");

/// The Zulip custom icon "language".
static const IconData language = IconData(0xf120, fontFamily: "Zulip Icons");
static const IconData language = IconData(0xf121, fontFamily: "Zulip Icons");

/// The Zulip custom icon "link".
static const IconData link = IconData(0xf121, fontFamily: "Zulip Icons");
static const IconData link = IconData(0xf122, fontFamily: "Zulip Icons");

/// The Zulip custom icon "lock".
static const IconData lock = IconData(0xf122, fontFamily: "Zulip Icons");
static const IconData lock = IconData(0xf123, fontFamily: "Zulip Icons");

/// The Zulip custom icon "menu".
static const IconData menu = IconData(0xf123, fontFamily: "Zulip Icons");
static const IconData menu = IconData(0xf124, fontFamily: "Zulip Icons");

/// The Zulip custom icon "message_checked".
static const IconData message_checked = IconData(0xf124, fontFamily: "Zulip Icons");
static const IconData message_checked = IconData(0xf125, fontFamily: "Zulip Icons");

/// The Zulip custom icon "message_feed".
static const IconData message_feed = IconData(0xf125, fontFamily: "Zulip Icons");
static const IconData message_feed = IconData(0xf126, fontFamily: "Zulip Icons");

/// The Zulip custom icon "more_horizontal".
static const IconData more_horizontal = IconData(0xf126, fontFamily: "Zulip Icons");
static const IconData more_horizontal = IconData(0xf127, fontFamily: "Zulip Icons");

/// The Zulip custom icon "mute".
static const IconData mute = IconData(0xf127, fontFamily: "Zulip Icons");
static const IconData mute = IconData(0xf128, fontFamily: "Zulip Icons");

/// The Zulip custom icon "person".
static const IconData person = IconData(0xf128, fontFamily: "Zulip Icons");
static const IconData person = IconData(0xf129, fontFamily: "Zulip Icons");

/// The Zulip custom icon "plus".
static const IconData plus = IconData(0xf129, fontFamily: "Zulip Icons");
static const IconData plus = IconData(0xf12a, fontFamily: "Zulip Icons");

/// The Zulip custom icon "read_receipts".
static const IconData read_receipts = IconData(0xf12a, fontFamily: "Zulip Icons");
static const IconData read_receipts = IconData(0xf12b, fontFamily: "Zulip Icons");

/// The Zulip custom icon "remove".
static const IconData remove = IconData(0xf12b, fontFamily: "Zulip Icons");
static const IconData remove = IconData(0xf12c, fontFamily: "Zulip Icons");

/// The Zulip custom icon "search".
static const IconData search = IconData(0xf12c, fontFamily: "Zulip Icons");
static const IconData search = IconData(0xf12d, fontFamily: "Zulip Icons");

/// The Zulip custom icon "see_who_reacted".
static const IconData see_who_reacted = IconData(0xf12d, fontFamily: "Zulip Icons");
static const IconData see_who_reacted = IconData(0xf12e, fontFamily: "Zulip Icons");

/// The Zulip custom icon "send".
static const IconData send = IconData(0xf12e, fontFamily: "Zulip Icons");
static const IconData send = IconData(0xf12f, fontFamily: "Zulip Icons");

/// The Zulip custom icon "settings".
static const IconData settings = IconData(0xf12f, fontFamily: "Zulip Icons");
static const IconData settings = IconData(0xf130, fontFamily: "Zulip Icons");

/// The Zulip custom icon "share".
static const IconData share = IconData(0xf130, fontFamily: "Zulip Icons");
static const IconData share = IconData(0xf131, fontFamily: "Zulip Icons");

/// The Zulip custom icon "share_ios".
static const IconData share_ios = IconData(0xf131, fontFamily: "Zulip Icons");
static const IconData share_ios = IconData(0xf132, fontFamily: "Zulip Icons");

/// The Zulip custom icon "smile".
static const IconData smile = IconData(0xf132, fontFamily: "Zulip Icons");
static const IconData smile = IconData(0xf133, fontFamily: "Zulip Icons");

/// The Zulip custom icon "star".
static const IconData star = IconData(0xf133, fontFamily: "Zulip Icons");
static const IconData star = IconData(0xf134, fontFamily: "Zulip Icons");

/// The Zulip custom icon "star_filled".
static const IconData star_filled = IconData(0xf134, fontFamily: "Zulip Icons");
static const IconData star_filled = IconData(0xf135, fontFamily: "Zulip Icons");

/// The Zulip custom icon "three_person".
static const IconData three_person = IconData(0xf135, fontFamily: "Zulip Icons");
static const IconData three_person = IconData(0xf136, fontFamily: "Zulip Icons");

/// The Zulip custom icon "topic".
static const IconData topic = IconData(0xf136, fontFamily: "Zulip Icons");
static const IconData topic = IconData(0xf137, fontFamily: "Zulip Icons");

/// The Zulip custom icon "topics".
static const IconData topics = IconData(0xf137, fontFamily: "Zulip Icons");
static const IconData topics = IconData(0xf138, fontFamily: "Zulip Icons");

/// The Zulip custom icon "trash".
static const IconData trash = IconData(0xf138, fontFamily: "Zulip Icons");
static const IconData trash = IconData(0xf139, fontFamily: "Zulip Icons");

/// The Zulip custom icon "two_person".
static const IconData two_person = IconData(0xf139, fontFamily: "Zulip Icons");
static const IconData two_person = IconData(0xf13a, fontFamily: "Zulip Icons");

/// The Zulip custom icon "unmute".
static const IconData unmute = IconData(0xf13a, fontFamily: "Zulip Icons");
static const IconData unmute = IconData(0xf13b, fontFamily: "Zulip Icons");

// END GENERATED ICON DATA
}
Expand All @@ -206,6 +208,7 @@ IconData iconDataForStream(ZulipStream stream) {
// see this message and the one after it:
// https://chat.zulip.org/#narrow/stream/243-mobile-team/topic/design.3A.20.23F117.20.22Inbox.22.20screen/near/1680637
return switch(stream) {
ZulipStream(isArchived: true) => ZulipIcons.archive,
Copy link
Collaborator

@chrisbobbe chrisbobbe Dec 19, 2025

Choose a reason for hiding this comment

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

Please don't start showing the icon in the same commit that adds the asset to the project. I mentioned this in my last review: #2037 (review)

ZulipStream(isWebPublic: true) => ZulipIcons.globe,
ZulipStream(inviteOnly: true) => ZulipIcons.lock,
ZulipStream() => ZulipIcons.hash_sign,
Expand Down
10 changes: 10 additions & 0 deletions test/widgets/all_channels_test.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -309,4 +309,14 @@ void main() {
'subscriptions': jsonEncode([channel.name]),
});
});

testWidgets('shows archive icon for archived channels', (tester) async {
final archivedChannel = eg.stream(isArchived: true);
final activeChannel = eg.stream(isArchived: false);
await setupAllChannelsPage(tester, channels: [archivedChannel, activeChannel]);
await tester.pump();

check(find.byWidgetPredicate((widget) =>
widget is Icon && widget.icon == ZulipIcons.archive)).findsOne();
});
}