diff --git a/ui/component/collectionActions/view.jsx b/ui/component/collectionActions/view.jsx index 6d40927e1..442d2e05b 100644 --- a/ui/component/collectionActions/view.jsx +++ b/ui/component/collectionActions/view.jsx @@ -57,6 +57,9 @@ function CollectionActions(props: Props) { const doPlay = React.useCallback( (playUri) => { + if (!playUri) { + return; + } const navigateUrl = formatLbryUrlForWeb(playUri); push({ pathname: navigateUrl, diff --git a/ui/component/collectionPreviewOverlay/view.jsx b/ui/component/collectionPreviewOverlay/view.jsx index 18dfcc106..ff1aea451 100644 --- a/ui/component/collectionPreviewOverlay/view.jsx +++ b/ui/component/collectionPreviewOverlay/view.jsx @@ -33,7 +33,7 @@ function CollectionPreviewOverlay(props: Props) { collectionItemUrls.map((item, index) => { if (index < 2) { return ( -
+
); diff --git a/ui/component/collectionsListMine/view.jsx b/ui/component/collectionsListMine/view.jsx index e50cc294c..6600481da 100644 --- a/ui/component/collectionsListMine/view.jsx +++ b/ui/component/collectionsListMine/view.jsx @@ -95,7 +95,7 @@ export default function CollectionsListMine(props: Props) { {builtin.map((list: Collection) => { const { items: itemUrls } = list; return ( - <> + {Boolean(itemUrls && itemUrls.length) && (

@@ -124,7 +124,7 @@ export default function CollectionsListMine(props: Props) {

)} - +
); })}