diff --git a/ui/component/claimMenuList/view.jsx b/ui/component/claimMenuList/view.jsx index 36085b24d..b444a804e 100644 --- a/ui/component/claimMenuList/view.jsx +++ b/ui/component/claimMenuList/view.jsx @@ -340,9 +340,9 @@ function ClaimMenuList(props: Props) { )} ) : ( - <> - {/* WATCH LATER */} - {isPlayable && ( + isPlayable && ( + <> + {/* WATCH LATER */} handleAdd(hasClaimInWatchLater, __('Watch Later'), COLLECTIONS_CONSTS.WATCH_LATER_ID)} @@ -352,45 +352,45 @@ function ClaimMenuList(props: Props) { {hasClaimInWatchLater ? __('In Watch Later') : __('Watch Later')} - )} - {/* FAVORITES LIST */} - handleAdd(hasClaimInFavorites, __('Favorites'), COLLECTIONS_CONSTS.FAVORITES_ID)} - > -
- - {hasClaimInFavorites ? __('In Favorites') : __('Favorites')} -
-
- {/* CURRENTLY ONLY SUPPORT PLAYLISTS FOR PLAYABLE; LATER DIFFERENT TYPES */} - openModal(MODALS.COLLECTION_ADD, { uri, type: 'playlist' })} - > -
- - {__('Add to Lists')} -
-
- {lastUsedCollection && lastUsedCollectionIsNotBuiltin && ( + {/* FAVORITES LIST */} - handleAdd(hasClaimInLastUsedCollection, lastUsedCollection.name, lastUsedCollection.id) - } + onSelect={() => handleAdd(hasClaimInFavorites, __('Favorites'), COLLECTIONS_CONSTS.FAVORITES_ID)} >
- {!hasClaimInLastUsedCollection && } - {hasClaimInLastUsedCollection && } - {!hasClaimInLastUsedCollection && - __('Add to %collection%', { collection: lastUsedCollection.name })} - {hasClaimInLastUsedCollection && __('In %collection%', { collection: lastUsedCollection.name })} + + {hasClaimInFavorites ? __('In Favorites') : __('Favorites')}
- )} -
- + {/* CURRENTLY ONLY SUPPORT PLAYLISTS FOR PLAYABLE; LATER DIFFERENT TYPES */} + openModal(MODALS.COLLECTION_ADD, { uri, type: 'playlist' })} + > +
+ + {__('Add to Lists')} +
+
+ {lastUsedCollection && lastUsedCollectionIsNotBuiltin && ( + + handleAdd(hasClaimInLastUsedCollection, lastUsedCollection.name, lastUsedCollection.id) + } + > +
+ {!hasClaimInLastUsedCollection && } + {hasClaimInLastUsedCollection && } + {!hasClaimInLastUsedCollection && + __('Add to %collection%', { collection: lastUsedCollection.name })} + {hasClaimInLastUsedCollection && __('In %collection%', { collection: lastUsedCollection.name })} +
+
+ )} +
+ + ) )} {!isChannelPage && (