#284 Mock up UI for hubs for new user logging in who does not yet have IRC enabled
Opened by duffy. Modified

By default, IRC is not enabled for a given user in hubs. Any IRC widgets on hubs will be greyed out and have a little promo to encourage the user to opt-in with a widget / button / switch for them to enable it. This should also have the caveat they should be logged out of any proxies / etc before they do it (otherwise we'll knock their proxy out.)

We need a mockup showing this.

Note this ticket deals with the hubs-wide IRC enable/disable feature. Enabling/disabling chat on an individual hub page is covered by another ticket.


Never Registered Before - Widget Appearance

First, the user will visit any hub that has a chat widget configured. That chat widget will look like this:

irc-empty-state.png

Components of this widget:

  • A "Who's Chatting?" preview of people who are in the channel. This is also a component of the main IRC widget. It shows an ellipsized list of the avatars of those who are chatting in order of who spoke most recently to least recently.
  • An "Enable Hubs Chat" button that will launch a modal dialog wizard for IRC setup.
  • A "Hide this notification" button that will minimize / windowshade the widget for the user who clicks on it. From that point on, any subsequent visits that user makes to this hub will have that widget shaded until the user explicitly maximizes it again. If that user wants to view it again, they can click on the titlebar of the IRC widget to unshade / maximize it.

Never Registered Before - Widget Appearance

First, the user will visit any hub that has a chat widget configured. That chat widget will look like this:

irc-empty-state.png

Components of this widget:

  • A "Who's Chatting?" preview of people who are in the channel. This is also a component of the main IRC widget. It shows an ellipsized list of the avatars of those who are chatting in order of who spoke most recently to least recently.
  • An "Enable Hubs Chat" button that will launch a modal dialog wizard for IRC setup.
  • A "Hide this notification" button that will minimize / windowshade the widget for the user who clicks on it. From that point on, any subsequent visits that user makes to this hub will have that widget shaded until the user explicitly maximizes it again. If that user wants to view it again, they can click on the titlebar of the IRC widget to unshade / maximize it.

Widget in Context

This is simply a mockup showing the unenabled IRC widget in the context of a team hub.

irc-empty-state_in-context.png

Widget in Context

This is simply a mockup showing the unenabled IRC widget in the context of a team hub.

irc-empty-state_in-context.png

Related mockups: disabling irc - turn off in irc settings under user settings, see issue #310

Metadata Update from @duffy:
- Issue unmarked as depending on: #290
- Issue marked as depending on: #290

Metadata