Add channel information on mouse over

[tzarebczan]

The Issue

Per a suggestion from a reddit user, it would be a nice feature to have channel stats when mousing over anywhere in the app. Right now we can include how many videos are in the channel, but in the future we can include things like: # of subscribers, channel description, etc.

System Configuration

• LBRY Daemon version:
• LBRY App version:
• LBRY Installation ID:
• Operating system:

Anything Else

Screenshots

[shamoons]

What is considered a channel?

[tzarebczan]

@shamoons anything with an @ infront of it. You'll notice them on the discover page, show page and in other parts of the app. If there is no channel, it will show anonymous.

Example: https://www.screencast.com/t/Pd895bHNTu

[neb-b]

Not sure if this should be a custom component or if it can be done with just a css class. But ideally this should be generic enough that we can use this in other parts of the app too. One example is on the icons in that picture ^. It should say "Rewards" if you hover over the red rocket. That's out of the scope for this issue though.

[neb-b]

Possibly we could wrap anything we want to have a hover message in a custom comopent

<WithHover onHover="This is the hover message"> // that could also take a react component as props
    <UriIndicator uri={uri} />
</WithHover>

[tzarebczan]

We can now entertain this feature given we have channel metadata :)

[btzr-io]

Is anyone working on this ?

[tzarebczan]

@btzr-io , nope, she's all yours! I'd say it would be a condensed version of what's on the channel page - potentially total number of claims, title, canonical url (coming soon), description (truncated?), number of subs (coming soon), email, thumbnail, tip (not on channel page yet) and sub buttons.

[btzr-io]

I made some initial progress on this, just added some basic information (thumbnail, description and channel name):

[btzr-io]

I don't think email is that important ?

[kauffj]

@btzr-io that looks awesome! I agree on not adding email or probably anything else.

[tzarebczan]

This was implemented in the latest release