LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

improvements for channel Tile

Browse source
This commit is contained in:
btzr-io 2017-10-11 22:25:53 -06:00
parent 3374c8ba39
commit c20ecd5f36
1 changed files with 21 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
ui/js/component/channelTile/view.jsx
View file

@ -1,4 +1,6 @@
import React from "react"; import React from "react";
import lbryuri from "lbryuri.js";
import CardMedia from "component/cardMedia";
import { TruncatedText, BusyMessage } from "component/common.js"; import { TruncatedText, BusyMessage } from "component/common.js";
class ChannelTile extends React.PureComponent { class ChannelTile extends React.PureComponent {
@ -18,27 +20,31 @@ class ChannelTile extends React.PureComponent {
render() { render() {
const { navigate, totalItems, uri } = this.props; const { navigate, totalItems, uri } = this.props;
const { name, claimId } = lbryuri.parse(uri);
let onClick = () => navigate("/show", { uri }); let onClick = () => navigate("/show", { uri });
return ( return (
<section className="file-tile card"> <section className="file-tile card">
<div onClick={onClick} className="card__link"> <div onClick={onClick} className="card__link">
<div className="file-tile__content"> <div className={"card__inner file-tile__row"}>
<div className="card__title-primary"> <CardMedia title={name} thumbnail={null} />
<h3> <div className="file-tile__content">
<TruncatedText lines={1}>{uri}</TruncatedText> <div className="card__title-primary">
</h3> <h3>
</div> <TruncatedText lines={1}>{name}</TruncatedText>
<div className="card__content card__subtext"> </h3>
{isNaN(totalItems) && </div>
<BusyMessage message={__("Resolving channel")} />} <div className="card__content card__subtext">
{totalItems > 0 && {isNaN(totalItems) &&
<span> <BusyMessage message={__("Resolving channel")} />}
This is a channel with over {totalItems} items inside of it. {totalItems > 0 &&
</span>} <span>
{totalItems === 0 && This is a channel with over {totalItems} items inside of it.
<span className="empty">This is an empty channel.</span>} </span>}
{totalItems === 0 &&
<span className="empty">This is an empty channel.</span>}
</div>
</div> </div>
</div> </div>
</div> </div>