InboxPage: Design / implement appearance when empty

[chrisbobbe]

When the user doesn't have any unreads, InboxPage (titled "Inbox") should have a message saying so, instead of just being blank:

Design

The design for this is in Figma: https://www.figma.com/design/1JTNtYo9memgW7vV6d0ygq/Zulip-Mobile?node-id=5966-176662&m=dev

Screenshot:

Related issues

• #385

[jassirr]

@chrisbobbe can i take this up? and can you please provide me with the clarity of what actually needs to be done here. Thanks :).

[jassirr]

@gnprice any update for above discussion?

[chrisbobbe]

I think this issue isn't ripe to work on yet. We'll want our designer to suggest how this should look.

[baimamboukar]

Hello @chrisbobbe @gnprice

I would like to work on this issue, please. Thanks for assigning it to me if it has not been addressed yet.

[gnprice]

This issue isn't ripe to work on yet; see the previous comment https://github.com/zulip/zulip-flutter/issues/386#issuecomment-1897854406 .

[alya]

Note from user feedback: we should make sure that suggested next steps / where to find messages are clear on this screen. A user reported being at first worried that all their messages have disappeared when viewing the empty inbox screen in the legacy app.

[chrisbobbe]

Alya mentioned on CZO:

For reference, the web app includes a link to recent conversations. I guess either the combined feed or the channels list could work in the mobile app, since we don't have a recent conversations view?

We have #315 for Recent Conversations in zulip-flutter. But that's milestoned post-launch, which is later than this issue. So I think a first iteration that uses Combined Feed or Channels makes sense.

[gnprice]

This issue is ready now for someone to pick up; see the design in the description.

(I edited the description last week and gave it the "help wanted" label, but leaving this comment so the thread is clear too.)

[chrisbobbe]

@zulipbot claim can you give me the Figma file so I can work for the dark and the light them

The Figma link is in the issue description.

[chrisbobbe]

The main work of this issue is to implement the Figma precisely, not to make new design decisions. Please compare your work carefully against the FIgma. I still see differences from it; for example, it doesn't use that green color:

[chimnayajith]

I'd like to pick this up.

[chrisbobbe]

This came up in beta feedback: #mobile > Flutter Beta: Some Feedback @ 💬

[chrisbobbe]

I've split #1551 off from this, for some polish in the Figma (graphics), and sent #1552 for a text-only placeholder, marking that as fixing this issue.