OwnTube-tv / web-client

Portable video client for PeerTube in React Native
https://owntube-tv.github.io/web-client/
The Unlicense
3 stars 12 forks source link

Empty state for videos and pages #156

Open mykhailodanilenko opened 2 weeks ago

mykhailodanilenko commented 2 weeks ago

Blocks of videos and pages need to have an "empty" state to indicate that there is no error but the data list is empty (length === 0)

mykhailodanilenko commented 1 week ago

@mkl-adsn can you share your insight on how this kind of element should look? meaning an empty state for a channel/category/playlist or a whole page like history or playlists or channels (currently we are just showing plain text info like "View history is empty")

mkl-adsn commented 1 week ago

If possible, I believe empty categories and playlist sections should be hidden altogether as they otherwise just clutter the site. For the other cases I think a plain text message similar to the error messages will suffice as empty channels and view histories in most cases should be a temporary problem.

Figma: https://www.figma.com/design/f15L42P8qyLqNkzm0Eeo8G/Owntube?node-id=908-11802&t=KYlUj6pngVhB0APk-1

mkl-adsn commented 6 days ago

Empty version of collection pages:

Channels page History page Playlists page Categories page

mkl-adsn commented 5 days ago

Added empty states Channels: https://www.figma.com/design/f15L42P8qyLqNkzm0Eeo8G/Owntube?node-id=925-18580&t=Y7ZXHPhd2Uo6hYzQ-1 Categories: https://www.figma.com/design/f15L42P8qyLqNkzm0Eeo8G/Owntube?node-id=925-18926&t=Y7ZXHPhd2Uo6hYzQ-1 History: https://www.figma.com/design/f15L42P8qyLqNkzm0Eeo8G/Owntube?node-id=925-17898&t=Y7ZXHPhd2Uo6hYzQ-1