diff --git a/ui/js/component/channelTile/view.jsx b/ui/js/component/channelTile/view.jsx index 973d1dff5..2ee3c4069 100644 --- a/ui/js/component/channelTile/view.jsx +++ b/ui/js/component/channelTile/view.jsx @@ -1,4 +1,6 @@ import React from "react"; +import lbryuri from "lbryuri.js"; +import CardMedia from "component/cardMedia"; import { TruncatedText, BusyMessage } from "component/common.js"; class ChannelTile extends React.PureComponent { @@ -18,27 +20,31 @@ class ChannelTile extends React.PureComponent { render() { const { navigate, totalItems, uri } = this.props; + const { name, claimId } = lbryuri.parse(uri); let onClick = () => navigate("/show", { uri }); return (
-
-
-

- {uri} -

-
-
- {isNaN(totalItems) && - } - {totalItems > 0 && - - This is a channel with over {totalItems} items inside of it. - } - {totalItems === 0 && - This is an empty channel.} +
+ +
+
+

+ {name} +

+
+
+ {isNaN(totalItems) && + } + {totalItems > 0 && + + This is a channel with over {totalItems} items inside of it. + } + {totalItems === 0 && + This is an empty channel.} +