Files app pages: empty states

[kulmann]

Initial Checklist

• I understand this is a user story and questions should be posted in the Community Discussions
• I searched issues and couldn’t find anything (or linked relevant results below)

User Story

• As a user, I want to be greeted by a charming ui in case a view or folder is empty, so that I feel right at home.

User Value

Beautiful UI

Acceptance Criteria

• An empty trash bin (personal or any project trash)

  • shows the following image
  • shows the message "This trash bin is empty" and the subtitle "All deleted files and folders of this space will show up here"

• The trash overview with filters and with empty result set

  • shows the following image
  • shows the message "No trash bins found" and subtitle "Try refining the search term or filters to get results"

• An empty shares page (Incoming, Outgoing and Public Links)
  • shows the following image
  • shows the message "Nothing shared, yet" and subtitle "All received shares will show up here" (for incoming), "Anything you shared will show up here" (for outgoing) and "All your links will show up here" (for public links)

(120px x 120px)

• Any empty folder (including the personal or a project space root)
  • shows the following image
  • shows the message "No files found" and subtitle "Drag files and folders here or use the "New" button to add files"

• An empty spaces overview
  • shows the following image
  • shows the title "No spaces found" and subtitle "Use the "New" button to create a space or ask an Administrator to do so"

• An empty search result page:

  • image not ready, yet, will follow soon
  • title "No results found" and subtitle "Try refining the search term or filters to get results"

• Admin settings app, an empty users page:

  • image not ready, yet, will follow soon
  • title "No users found" and subtitle "Try refining the search term or filters to get results"

• Admin settings app, an empty groups page:

  • image not ready, yet, will follow soon
  • title "No groups found" and two different subtitles: 1) if the page is empty because no groups exist: "Create a new group and it will show up here" or 2) if the page is empty because the filters created an empty result: "Try refining the search term or filters to get results"

• Admin settings app, an empty spaces page:

  • image same as for files app spaces overview (see above)
  • title "No spaces found" and two different subtitles: 1) if the page is empty because no spaces exist: "Create a new space and it will show up here" or 2) if the page is empty because the filters created an empty result: "Try refining the search term or filters to get results"

[AlexAndBear]

🤩

[AlexAndBear]

The agency will deliver the following icons:

• users
• groups
• spaces

So we will have the polished icons across the whole web ui

@kulmann can you deliver the messages for the mentioned states ?

[kulmann]

The agency will deliver the following icons:

• users
• groups
• spaces

So we will have the polished icons across the whole web ui

@kulmann can you deliver the messages for the mentioned states ?

Added in the original story :-) Please check if you're happy with those!