This commit is contained in:
btzr-io 2017-10-12 19:37:26 -06:00
parent 5ed51109f6
commit 28216e998b

View file

@ -19,7 +19,7 @@ class ChannelTile extends React.PureComponent {
render() { render() {
const { claim, navigate, isResolvingUri, totalItems, uri } = this.props; const { claim, navigate, isResolvingUri, totalItems, uri } = this.props;
let onClick = () => navigate("/show", { uri }); let onClick = () => navigate("/show", { uri });
return ( return (
@ -28,22 +28,23 @@ class ChannelTile extends React.PureComponent {
<div className={"card__inner file-tile__row"}> <div className={"card__inner file-tile__row"}>
<CardMedia title={name} thumbnail={null} /> <CardMedia title={name} thumbnail={null} />
<div className="file-tile__content"> <div className="file-tile__content">
<div className="card__title-primary"> <div className="card__title-primary">
<h3> <h3>
<TruncatedText lines={1}>{uri}</TruncatedText> <TruncatedText lines={1}>{claim.name}</TruncatedText>
</h3> </h3>
</div> </div>
<div className="card__content card__subtext"> <div className="card__content card__subtext">
{isResolvingUri && {isResolvingUri &&
<BusyMessage message={__("Resolving channel")} />} <BusyMessage message={__("Resolving channel")} />}
{totalItems > 0 && {totalItems > 0 &&
<span> <span>
This is a channel with {totalItems}{" "} This is a channel with {totalItems}{" "}
{totalItems === 1 ? " item" : " items"} inside of it. {totalItems === 1 ? " item" : " items"} inside of it.
</span>} </span>}
{!isResolvingUri && {!isResolvingUri &&
!totalItems && !totalItems &&
<span className="empty">This is an empty channel.</span>} <span className="empty">This is an empty channel.</span>}
</div>
</div> </div>
</div> </div>
</div> </div>