Improve issues list empty state when a filter is selected

Problem to solve

When a filter is selected in an issues list (project, group, dashboard) and there are no results, this is shown:

Screenshot_2018-10-30_Issues___H5bp_Html5_Boilerplate

The message is fine for projects or groups that don't have an issue yet. But it is not very helpful when the empty result is because a filter was selected.

Proposal

There should be a separate empty state for cases where a filter is selected.

Screen_Shot_2018-11-01_at_10.15.47

Requirements

No objects in the group.

  • Hide the tabs/navigation and show the message "... is/are a place".
  • Existing functionality, no change required.

At least one object in the group. You have tabs/navigation. No filter applied. No results (because all objects are in one of the other tabs).

  • Show the message "... is/are a place".
  • This is a neutral message. The message is repetitive I agree. But it is not harmful and a fairly rare case to encounter. It is even more rare then the first case, because a regular user has no particular reason to navigate to a tab that already has the tab counter indicating 0.
  • Existing functionality, no change required.

At least one object in the group. Filter applied.

  • Show the new message asking you to change the filter.
  • This is a common case that can happen if you made some filter selections by mistake, or you are doing a text searching in the bar. So I agree this is a good change to help the user understand by giving them a more targeted message.
  • You could also have filters applied on top of the second case. But this is weird and unlikely to happen. So we don't have to separate out this as yet another case. We can simply treat all this as one case: Filter applied.
  • This requires a change. I think the mockup in the description is a good one.
Edited by Victor Wu