Add channel information on mouse over #1393

Closed
opened 2018-04-26 16:04:43 +02:00 by tzarebczan · 11 comments
tzarebczan commented 2018-04-26 16:04:43 +02:00 (Migrated from github.com)

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

<!-- Thanks for reporting an issue to LBRY and helping us improve! To make it possible for us to help you, please fill out below information carefully. Before reporting any issues, please make sure that you're using the latest version. - App releases: https://github.com/lbryio/lbry-app/releases - Standalone daemon: https://github.com/lbryio/lbry/releases We are also available on live chat at https://chat.lbry.io --> ## 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 <!-- For the app, this info is in the About section at the bottom of the Help page. You can include a screenshot instead of typing it out --> <!-- For the daemon, run: curl 'http://localhost:5279' --data '{"method":"version"}' and include the full output --> - LBRY Daemon version: - LBRY App version: - LBRY Installation ID: - Operating system: ## Anything Else <!-- Include anything else that does not fit into the above sections --> ## Screenshots <!-- If a screenshot would help explain the bug, please include one or two here -->
shamoons commented 2018-05-02 18:06:33 +02:00 (Migrated from github.com)

What is considered a channel?

What is considered a `channel`?
tzarebczan commented 2018-05-02 18:10:05 +02:00 (Migrated from github.com)

@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

@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 commented 2018-05-02 18:23:27 +02:00 (Migrated from github.com)

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.

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 commented 2018-05-02 18:25:44 +02:00 (Migrated from github.com)

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>
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 commented 2019-05-17 14:59:26 +02:00 (Migrated from github.com)

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

We can now entertain this feature given we have channel metadata :)
btzr-io commented 2019-05-30 05:45:14 +02:00 (Migrated from github.com)

Is anyone working on this ?

Is anyone working on this ?
tzarebczan commented 2019-05-30 14:26:35 +02:00 (Migrated from github.com)

@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 , 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 commented 2019-06-03 08:55:13 +02:00 (Migrated from github.com)

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

I made some initial progress on this, just added some basic information (thumbnail, description and channel name): <img src=https://spee.ch/1/channel-tooltip.gif />
btzr-io commented 2019-06-03 09:12:02 +02:00 (Migrated from github.com)

I don't think email is that important ?

I don't think `email` is that important ?
kauffj commented 2019-06-03 21:53:39 +02:00 (Migrated from github.com)

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

@btzr-io that looks awesome! I agree on not adding email or probably anything else.
tzarebczan commented 2019-07-23 17:17:16 +02:00 (Migrated from github.com)

This was implemented in the latest release

This was implemented in the latest release
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
LBRYCommunity/lbry-desktop#1393
No description provided.