lbry-desktop/ui/page/listBlocked/view.jsx

37 lines
965 B
React
Raw Normal View History

// @flow
import React from 'react';
import ClaimList from 'component/claimList';
import Page from 'component/page';
import Card from 'component/common/card';
type Props = {
uris: Array<string>,
};
function ListBlocked(props: Props) {
const { uris } = props;
return (
2019-08-02 17:11:31 +02:00
<Page>
{uris && uris.length ? (
<Card
isBodyList
title={__('Your Blocked Channels')}
body={<ClaimList isCardBody uris={uris} showUnresolvedClaims showHiddenByUser />}
2020-01-08 06:04:35 +01:00
/>
) : (
<div className="main--empty">
<section className="card card--section">
2019-11-22 22:13:00 +01:00
<h2 className="card__title card__title--deprecated">{__('You arent blocking any channels')}</h2>
<p className="section__subtitle">
{__('When you block a channel, all content from that channel will be hidden.')}
</p>
</section>
</div>
)}
</Page>
);
}
export default ListBlocked;