Skip to content

Add empty-state illustrations - #2354

Open
karanbhatt16 wants to merge 1 commit into
zulip:mainfrom
karanbhatt16:home-empty-placeholders-org-icon
Open

Add empty-state illustrations#2354
karanbhatt16 wants to merge 1 commit into
zulip:mainfrom
karanbhatt16:home-empty-placeholders-org-icon

Conversation

@karanbhatt16

@karanbhatt16 karanbhatt16 commented Jul 6, 2026

Copy link
Copy Markdown

Fixes #1551

Implemented Figma designs for Inbox, Channels, and Direct Messages by Extending the PageBodyEmptyContentPlaceholder to support customizable illustrations and trailing graphics so different pages can display their own design

Added vector graphic assets under:
assets/images/

These assets provide the empty-state illustrations used by the Inbox, Channels, and Direct Messages pages.

@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch from efe7536 to c5adf02 Compare July 6, 2026 08:41
@karanbhatt16

Copy link
Copy Markdown
Author

CI is showing a change in ios/Podfile.lock after running pod install, causing tools/check ios to fail due to a modified lockfile. I’m on Windows and don’t have macOS available to run CocoaPods locally. Should I commit the CI-updated Podfile.lock, or is the current version expected to remain unchanged?

@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch 4 times, most recently from a4f4e74 to 99e9ba3 Compare July 8, 2026 05:38
@chrisbobbe

Copy link
Copy Markdown
Collaborator

Thanks for the PR!

  • Please rebase atop current main—the CI failure in main has been resolved.
  • It looks like flutter_svg is a wrapper around vector_graphics. Could you try using vector_graphics directly, without adding flutter_svg? This would be lighter-weight and the SVGs would be precompiled.

@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch 3 times, most recently from 0406e2e to 1343b82 Compare July 9, 2026 06:37
@karanbhatt16

Copy link
Copy Markdown
Author

Done, I've switched the new illustrations to vector_graphics and updated the assets accordingly.

@chrisbobbe chrisbobbe left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Thanks for the revision. Here are some comments from a very brief skim. Please also clean up code style to match surrounding style: indentation, newlines, etc.

Comment thread pubspec.yaml Outdated
Comment on lines 70 to 71
vector_graphics: 1.2.2
# Keep list sorted when adding dependencies; it helps prevent merge conflicts.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Please follow the comment here.

Comment thread lib/widgets/home.dart Outdated
Comment on lines +126 to +138
leading: Center(
child: ClipRRect(
borderRadius: BorderRadius.circular(8),
child: const VectorGraphic(
loader: AssetBytesLoader(
'assets/app-icons/zulip-combined.svg.vec',
),
width: 40,
height: 40,
),
),
),
centerTitle: true,

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Why is this here? It looks unrelated to #1551, and incorrect for #1606. Let's keep this PR focused on #1551 and drop this (and the referenced asset).

Comment thread .github/workflows/fix-ios-files.yml Outdated
@@ -0,0 +1,41 @@
name: Fix iOS Build Files

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

This file should not be needed.

@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch from 1343b82 to 57b798d Compare July 10, 2026 04:40
@karanbhatt16

Copy link
Copy Markdown
Author

Thanks! I've addressed the review comments, Please take another look when you have a chance.

@karanbhatt16
karanbhatt16 requested a review from chrisbobbe July 10, 2026 04:55
@chrisbobbe

Copy link
Copy Markdown
Collaborator

Thanks for the revision. From another very brief look, I see the PR title and description still refer to "org icon" and #1606; please update that. It also looks like you didn't change the code style at all (indentation, newlines, etc.) to match surrounding code, as I requested last time.

@karanbhatt16 karanbhatt16 changed the title Added empty-state illustrations and org icon Added empty-state illustrations Jul 10, 2026
@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch 3 times, most recently from 88154c9 to 5f90b2f Compare July 10, 2026 19:11
@karanbhatt16

Copy link
Copy Markdown
Author

Thanks for catching those. I've updated the PR title and description to match the current change and cleaned up the code style to be consistent with the surrounding code. I've pushed the updated changes and re-requested review.

@chrisbobbe chrisbobbe left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Please do another careful self-review before resubmitting.

Comment thread lib/widgets/page.dart Outdated
Comment thread lib/widgets/page.dart Outdated
Comment thread lib/widgets/recent_dm_conversations.dart Outdated
Comment thread lib/widgets/recent_dm_conversations.dart Outdated
Comment thread lib/widgets/recent_dm_conversations.dart Outdated
@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch 3 times, most recently from 07b9800 to 97d3ba0 Compare July 11, 2026 01:55
@karanbhatt16 karanbhatt16 changed the title Added empty-state illustrations Add empty-state illustrations Jul 11, 2026
@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch from 97d3ba0 to f4c05e8 Compare July 11, 2026 02:14
Add an optional illustration widget to
PageBodyEmptyContentPlaceholder and use it for the
empty inbox placeholder.

Fixes zulip#1551.
@karanbhatt16
karanbhatt16 force-pushed the home-empty-placeholders-org-icon branch from f4c05e8 to 103bd3f Compare July 11, 2026 02:17
@karanbhatt16
karanbhatt16 requested a review from chrisbobbe July 11, 2026 02:51
@karanbhatt16

Copy link
Copy Markdown
Author

Thank you for the feedback. I've carefully reviewed the implementation again, Could you please take another look..

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.

home: Add leading/trailing graphics to empty-page placeholders

2 participants