2018-03-26 23:32:43 +02:00
|
|
|
// @flow
|
2020-07-02 07:38:25 +02:00
|
|
|
import { MAIN_CLASS } from 'component/page/view';
|
2019-06-17 22:32:38 +02:00
|
|
|
import type { Node } from 'react';
|
2020-06-23 17:22:30 +02:00
|
|
|
import React, { useEffect } from 'react';
|
2019-06-11 20:10:58 +02:00
|
|
|
import classnames from 'classnames';
|
2019-06-28 09:27:55 +02:00
|
|
|
import ClaimPreview from 'component/claimPreview';
|
2019-06-11 20:10:58 +02:00
|
|
|
import Spinner from 'component/spinner';
|
|
|
|
import { FormField } from 'component/common/form';
|
2019-09-27 20:56:15 +02:00
|
|
|
import usePersistedState from 'effects/use-persisted-state';
|
2020-06-23 14:56:38 +02:00
|
|
|
import debounce from 'util/debounce';
|
2020-08-21 17:49:13 +02:00
|
|
|
import ClaimPreviewTile from 'component/claimPreviewTile';
|
2021-04-29 09:22:56 +02:00
|
|
|
import { prioritizeActiveLivestreams } from 'component/claimTilesDiscover/view';
|
2019-06-11 20:10:58 +02:00
|
|
|
|
2020-06-23 14:56:38 +02:00
|
|
|
const DEBOUNCE_SCROLL_HANDLER_MS = 150;
|
2019-06-11 20:10:58 +02:00
|
|
|
const SORT_NEW = 'new';
|
|
|
|
const SORT_OLD = 'old';
|
2018-03-26 23:32:43 +02:00
|
|
|
|
|
|
|
type Props = {
|
2019-06-11 20:10:58 +02:00
|
|
|
uris: Array<string>,
|
2019-06-19 07:05:43 +02:00
|
|
|
header: Node | boolean,
|
2019-06-17 22:32:38 +02:00
|
|
|
headerAltControls: Node,
|
2019-06-11 20:10:58 +02:00
|
|
|
loading: boolean,
|
2019-06-19 07:05:43 +02:00
|
|
|
type: string,
|
2021-07-13 00:39:23 +02:00
|
|
|
activeUri?: string,
|
2019-06-11 20:10:58 +02:00
|
|
|
empty?: string,
|
2019-06-28 09:33:07 +02:00
|
|
|
defaultSort?: boolean,
|
2021-02-18 09:55:29 +01:00
|
|
|
onScrollBottom?: (any) => void,
|
2019-07-01 06:35:36 +02:00
|
|
|
page?: number,
|
2019-07-02 04:54:11 +02:00
|
|
|
pageSize?: number,
|
2019-07-23 10:05:51 +02:00
|
|
|
id?: string,
|
2019-06-11 20:10:58 +02:00
|
|
|
// If using the default header, this is a unique ID needed to persist the state of the filter setting
|
|
|
|
persistedStorageKey?: string,
|
2019-08-02 02:56:25 +02:00
|
|
|
showHiddenByUser: boolean,
|
2020-02-05 19:01:07 +01:00
|
|
|
showUnresolvedClaims?: boolean,
|
2021-04-23 21:59:48 +02:00
|
|
|
renderActions?: (Claim) => ?Node,
|
|
|
|
renderProperties?: (Claim) => ?Node,
|
2020-02-12 19:59:48 +01:00
|
|
|
includeSupportAction?: boolean,
|
2020-03-26 22:47:07 +01:00
|
|
|
injectedItem: ?Node,
|
2020-03-31 18:07:57 +02:00
|
|
|
timedOutMessage?: Node,
|
2020-08-21 17:49:13 +02:00
|
|
|
tileLayout?: boolean,
|
2021-02-18 09:55:29 +01:00
|
|
|
searchInLanguage: boolean,
|
2021-03-03 19:50:16 +01:00
|
|
|
hideMenu?: boolean,
|
2021-04-29 09:22:56 +02:00
|
|
|
claimSearchByQuery: { [string]: Array<string> },
|
|
|
|
claimsByUri: { [string]: any },
|
|
|
|
liveLivestreamsFirst?: boolean,
|
|
|
|
livestreamMap?: { [string]: any },
|
2021-04-29 10:17:06 +02:00
|
|
|
searchOptions?: any,
|
wip
wip
wip - everything but publish, autoplay, and styling
collection publishing
add channel to collection publish
cleanup
wip
bump
clear mass add after success
move collection item management controls
redirect replace to published collection id
bump
playlist selector on create
bump
use new collection add ui element
bump
wip
gitignore
add content json
wip
bump
context add to playlist
basic collections page style pass wip
wip: edits, buttons, styles...
change fileAuthor to claimAuthor
update, pending bugfixes, delete modal progress, collection header, other bugfixes
bump
cleaning
show page bugfix
builtin collection headers
no playlists, no grid title
wip
style tweaks
use normal looking claim previews for collection tiles
add collection changes
style library previews
collection menulist for delete/view on library
delete modal works for unpublished
rearrange collection publish tabs
clean up collection publishing and items
show on odysee
begin collectoin edit header and css renaming
better thumbnails
bump
fix collection publish redirect
view collection in menu does something
copy and thumbs
list previews, pending, context menus, list page
enter to add collection, lists page empty state
playable lists only, delete feature, bump
put fileListDownloaded back
better collection titles
improve collection claim details
fix horiz more icon
fix up channel page
style, copy, bump
refactor preview overlay properties,
fix reposts showing as floppydisk
add watch later toast,
small overlay properties on wunderbar results,
fix collection actions buttons
bump
cleanup
cleaning, refactoring
bump
preview thumb styling, cleanup
support discover page lists search
sync, bump
bump, fix sync more
enforce builtin order for now
new lists page empty state
try to indicate unpublished edits in lists
bump
fix autoplay and linting
consts, fix autoplay
bugs
fixes
cleanup
fix, bump
lists experimental ui, fixes
refactor listIndex out
hack in collection fallback thumb
bump
2021-02-06 08:03:51 +01:00
|
|
|
collectionId?: string,
|
2021-07-07 20:21:11 +02:00
|
|
|
showNoSourceClaims?: boolean,
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
onClick?: (e: any, index?: number) => void,
|
2018-03-26 23:32:43 +02:00
|
|
|
};
|
|
|
|
|
2019-06-19 07:05:43 +02:00
|
|
|
export default function ClaimList(props: Props) {
|
2019-06-27 08:18:45 +02:00
|
|
|
const {
|
2021-07-13 00:39:23 +02:00
|
|
|
activeUri,
|
2019-06-27 08:18:45 +02:00
|
|
|
uris,
|
|
|
|
headerAltControls,
|
|
|
|
loading,
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
id,
|
2019-06-27 08:18:45 +02:00
|
|
|
persistedStorageKey,
|
|
|
|
empty,
|
2019-06-28 09:33:07 +02:00
|
|
|
defaultSort,
|
2019-06-27 08:18:45 +02:00
|
|
|
type,
|
|
|
|
header,
|
|
|
|
onScrollBottom,
|
2019-07-02 04:54:11 +02:00
|
|
|
pageSize,
|
2019-07-23 10:05:51 +02:00
|
|
|
page,
|
2019-08-02 02:56:25 +02:00
|
|
|
showHiddenByUser,
|
2020-02-05 19:01:07 +01:00
|
|
|
showUnresolvedClaims,
|
2020-02-12 19:59:48 +01:00
|
|
|
includeSupportAction,
|
2020-03-26 22:47:07 +01:00
|
|
|
injectedItem,
|
2020-03-31 18:07:57 +02:00
|
|
|
timedOutMessage,
|
2020-08-21 17:49:13 +02:00
|
|
|
tileLayout = false,
|
2020-10-12 23:12:46 +02:00
|
|
|
renderActions,
|
2021-04-23 21:59:48 +02:00
|
|
|
renderProperties,
|
2021-02-18 09:55:29 +01:00
|
|
|
searchInLanguage,
|
2021-03-03 19:50:16 +01:00
|
|
|
hideMenu,
|
2021-04-29 09:22:56 +02:00
|
|
|
claimSearchByQuery,
|
|
|
|
claimsByUri,
|
|
|
|
liveLivestreamsFirst,
|
|
|
|
livestreamMap,
|
2021-04-29 10:17:06 +02:00
|
|
|
searchOptions,
|
wip
wip
wip - everything but publish, autoplay, and styling
collection publishing
add channel to collection publish
cleanup
wip
bump
clear mass add after success
move collection item management controls
redirect replace to published collection id
bump
playlist selector on create
bump
use new collection add ui element
bump
wip
gitignore
add content json
wip
bump
context add to playlist
basic collections page style pass wip
wip: edits, buttons, styles...
change fileAuthor to claimAuthor
update, pending bugfixes, delete modal progress, collection header, other bugfixes
bump
cleaning
show page bugfix
builtin collection headers
no playlists, no grid title
wip
style tweaks
use normal looking claim previews for collection tiles
add collection changes
style library previews
collection menulist for delete/view on library
delete modal works for unpublished
rearrange collection publish tabs
clean up collection publishing and items
show on odysee
begin collectoin edit header and css renaming
better thumbnails
bump
fix collection publish redirect
view collection in menu does something
copy and thumbs
list previews, pending, context menus, list page
enter to add collection, lists page empty state
playable lists only, delete feature, bump
put fileListDownloaded back
better collection titles
improve collection claim details
fix horiz more icon
fix up channel page
style, copy, bump
refactor preview overlay properties,
fix reposts showing as floppydisk
add watch later toast,
small overlay properties on wunderbar results,
fix collection actions buttons
bump
cleanup
cleaning, refactoring
bump
preview thumb styling, cleanup
support discover page lists search
sync, bump
bump, fix sync more
enforce builtin order for now
new lists page empty state
try to indicate unpublished edits in lists
bump
fix autoplay and linting
consts, fix autoplay
bugs
fixes
cleanup
fix, bump
lists experimental ui, fixes
refactor listIndex out
hack in collection fallback thumb
bump
2021-02-06 08:03:51 +01:00
|
|
|
collectionId,
|
2021-07-07 20:21:11 +02:00
|
|
|
showNoSourceClaims,
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
onClick,
|
2019-06-27 08:18:45 +02:00
|
|
|
} = props;
|
2020-08-21 17:49:13 +02:00
|
|
|
|
2019-06-11 20:38:08 +02:00
|
|
|
const [currentSort, setCurrentSort] = usePersistedState(persistedStorageKey, SORT_NEW);
|
2020-03-31 18:07:57 +02:00
|
|
|
const timedOut = uris === null;
|
2019-07-17 22:49:06 +02:00
|
|
|
const urisLength = (uris && uris.length) || 0;
|
2021-04-29 09:22:56 +02:00
|
|
|
|
|
|
|
const liveUris = [];
|
|
|
|
if (liveLivestreamsFirst && livestreamMap) {
|
2021-04-29 10:17:06 +02:00
|
|
|
prioritizeActiveLivestreams(uris, liveUris, livestreamMap, claimsByUri, claimSearchByQuery, searchOptions);
|
2021-04-29 09:22:56 +02:00
|
|
|
}
|
|
|
|
|
2019-07-17 22:49:06 +02:00
|
|
|
const sortedUris = (urisLength > 0 && (currentSort === SORT_NEW ? uris : uris.slice().reverse())) || [];
|
2021-02-18 09:55:29 +01:00
|
|
|
const noResultMsg = searchInLanguage
|
|
|
|
? __('No results. Contents may be hidden by the Language filter.')
|
|
|
|
: __('No results');
|
2018-03-26 23:32:43 +02:00
|
|
|
|
2021-04-29 09:22:56 +02:00
|
|
|
const resolveLive = (index) => {
|
|
|
|
if (liveLivestreamsFirst && livestreamMap && index < liveUris.length) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return undefined;
|
|
|
|
};
|
|
|
|
|
2019-06-11 20:10:58 +02:00
|
|
|
function handleSortChange() {
|
|
|
|
setCurrentSort(currentSort === SORT_NEW ? SORT_OLD : SORT_NEW);
|
2017-04-30 18:01:43 +02:00
|
|
|
}
|
2017-04-23 18:10:45 +02:00
|
|
|
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
function handleClaimClicked(e, index) {
|
|
|
|
if (onClick) {
|
|
|
|
onClick(e, index);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2019-06-27 08:18:45 +02:00
|
|
|
useEffect(() => {
|
2021-02-18 09:55:29 +01:00
|
|
|
const handleScroll = debounce((e) => {
|
2020-06-23 17:22:30 +02:00
|
|
|
if (page && pageSize && onScrollBottom) {
|
2020-07-02 07:38:25 +02:00
|
|
|
const mainEl = document.querySelector(`.${MAIN_CLASS}`);
|
2020-06-15 12:08:17 +02:00
|
|
|
|
2020-07-02 07:38:25 +02:00
|
|
|
if (mainEl && !loading && urisLength >= pageSize) {
|
|
|
|
const contentWrapperAtBottomOfPage = mainEl.getBoundingClientRect().bottom - 0.5 <= window.innerHeight;
|
2019-06-28 09:33:07 +02:00
|
|
|
|
2020-06-23 14:56:38 +02:00
|
|
|
if (contentWrapperAtBottomOfPage) {
|
|
|
|
onScrollBottom();
|
2020-02-26 21:48:28 +01:00
|
|
|
}
|
2019-06-28 09:33:07 +02:00
|
|
|
}
|
2020-06-23 14:56:38 +02:00
|
|
|
}
|
|
|
|
}, DEBOUNCE_SCROLL_HANDLER_MS);
|
2019-06-28 09:33:07 +02:00
|
|
|
|
2019-06-27 08:18:45 +02:00
|
|
|
if (onScrollBottom) {
|
|
|
|
window.addEventListener('scroll', handleScroll);
|
2020-06-23 14:56:38 +02:00
|
|
|
return () => window.removeEventListener('scroll', handleScroll);
|
2019-06-27 08:18:45 +02:00
|
|
|
}
|
2020-06-23 17:22:30 +02:00
|
|
|
}, [loading, onScrollBottom, urisLength, pageSize, page]);
|
2019-06-27 08:18:45 +02:00
|
|
|
|
2020-08-21 17:49:13 +02:00
|
|
|
return tileLayout && !header ? (
|
|
|
|
<section className="claim-grid">
|
2021-03-03 19:50:16 +01:00
|
|
|
{urisLength > 0 &&
|
2021-04-29 09:22:56 +02:00
|
|
|
uris.map((uri, index) => (
|
|
|
|
<ClaimPreviewTile
|
|
|
|
key={uri}
|
|
|
|
uri={uri}
|
|
|
|
showHiddenByUser={showHiddenByUser}
|
|
|
|
properties={renderProperties}
|
|
|
|
live={resolveLive(index)}
|
wip
wip
wip - everything but publish, autoplay, and styling
collection publishing
add channel to collection publish
cleanup
wip
bump
clear mass add after success
move collection item management controls
redirect replace to published collection id
bump
playlist selector on create
bump
use new collection add ui element
bump
wip
gitignore
add content json
wip
bump
context add to playlist
basic collections page style pass wip
wip: edits, buttons, styles...
change fileAuthor to claimAuthor
update, pending bugfixes, delete modal progress, collection header, other bugfixes
bump
cleaning
show page bugfix
builtin collection headers
no playlists, no grid title
wip
style tweaks
use normal looking claim previews for collection tiles
add collection changes
style library previews
collection menulist for delete/view on library
delete modal works for unpublished
rearrange collection publish tabs
clean up collection publishing and items
show on odysee
begin collectoin edit header and css renaming
better thumbnails
bump
fix collection publish redirect
view collection in menu does something
copy and thumbs
list previews, pending, context menus, list page
enter to add collection, lists page empty state
playable lists only, delete feature, bump
put fileListDownloaded back
better collection titles
improve collection claim details
fix horiz more icon
fix up channel page
style, copy, bump
refactor preview overlay properties,
fix reposts showing as floppydisk
add watch later toast,
small overlay properties on wunderbar results,
fix collection actions buttons
bump
cleanup
cleaning, refactoring
bump
preview thumb styling, cleanup
support discover page lists search
sync, bump
bump, fix sync more
enforce builtin order for now
new lists page empty state
try to indicate unpublished edits in lists
bump
fix autoplay and linting
consts, fix autoplay
bugs
fixes
cleanup
fix, bump
lists experimental ui, fixes
refactor listIndex out
hack in collection fallback thumb
bump
2021-02-06 08:03:51 +01:00
|
|
|
collectionId={collectionId}
|
2021-07-07 20:21:11 +02:00
|
|
|
showNoSourceClaims={showNoSourceClaims}
|
2021-04-29 09:22:56 +02:00
|
|
|
/>
|
2021-04-23 21:59:48 +02:00
|
|
|
))}
|
2021-02-18 09:55:29 +01:00
|
|
|
{!timedOut && urisLength === 0 && !loading && <div className="empty main--empty">{empty || noResultMsg}</div>}
|
2020-09-15 16:05:04 +02:00
|
|
|
{timedOut && timedOutMessage && <div className="empty main--empty">{timedOutMessage}</div>}
|
2020-08-21 17:49:13 +02:00
|
|
|
</section>
|
|
|
|
) : (
|
2019-06-28 09:33:07 +02:00
|
|
|
<section
|
|
|
|
className={classnames('claim-list', {
|
|
|
|
'claim-list--small': type === 'small',
|
|
|
|
})}
|
|
|
|
>
|
2019-06-19 07:05:43 +02:00
|
|
|
{header !== false && (
|
2020-01-02 21:36:03 +01:00
|
|
|
<React.Fragment>
|
2020-03-19 17:54:37 +01:00
|
|
|
{header && (
|
|
|
|
<div className={classnames('claim-list__header', { 'section__title--small': type === 'small' })}>
|
|
|
|
{header}
|
|
|
|
{loading && <Spinner type="small" />}
|
2021-04-07 07:40:34 +02:00
|
|
|
{(headerAltControls || defaultSort) && (
|
|
|
|
<div className="claim-list__alt-controls">
|
|
|
|
{headerAltControls}
|
|
|
|
{defaultSort && (
|
|
|
|
<FormField
|
|
|
|
className="claim-list__dropdown"
|
|
|
|
type="select"
|
|
|
|
name="file_sort"
|
|
|
|
value={currentSort}
|
|
|
|
onChange={handleSortChange}
|
|
|
|
>
|
|
|
|
<option value={SORT_NEW}>{__('Newest First')}</option>
|
|
|
|
<option value={SORT_OLD}>{__('Oldest First')}</option>
|
|
|
|
</FormField>
|
|
|
|
)}
|
|
|
|
</div>
|
|
|
|
)}
|
2020-01-02 21:36:03 +01:00
|
|
|
</div>
|
2020-03-19 17:54:37 +01:00
|
|
|
)}
|
2020-01-02 21:36:03 +01:00
|
|
|
</React.Fragment>
|
2019-06-11 20:10:58 +02:00
|
|
|
)}
|
2019-08-19 06:49:54 +02:00
|
|
|
|
2019-07-17 22:49:06 +02:00
|
|
|
{urisLength > 0 && (
|
2020-04-29 21:31:11 +02:00
|
|
|
<ul
|
|
|
|
className={classnames('ul--no-style', {
|
2020-09-08 18:52:51 +02:00
|
|
|
card: !(tileLayout || type === 'small'),
|
2020-08-21 17:49:13 +02:00
|
|
|
'claim-list--card-body': tileLayout,
|
2020-04-29 21:31:11 +02:00
|
|
|
})}
|
|
|
|
>
|
2019-06-11 20:10:58 +02:00
|
|
|
{sortedUris.map((uri, index) => (
|
2020-03-26 22:47:07 +01:00
|
|
|
<React.Fragment key={uri}>
|
|
|
|
{injectedItem && index === 4 && <li>{injectedItem}</li>}
|
|
|
|
<ClaimPreview
|
|
|
|
uri={uri}
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
containerId={id}
|
|
|
|
indexInContainer={index}
|
2020-03-26 22:47:07 +01:00
|
|
|
type={type}
|
2021-07-13 00:39:23 +02:00
|
|
|
active={activeUri && uri === activeUri}
|
2021-03-03 19:50:16 +01:00
|
|
|
hideMenu={hideMenu}
|
2020-03-26 22:47:07 +01:00
|
|
|
includeSupportAction={includeSupportAction}
|
|
|
|
showUnresolvedClaim={showUnresolvedClaims}
|
|
|
|
properties={renderProperties || (type !== 'small' ? undefined : false)}
|
2020-10-12 23:12:46 +02:00
|
|
|
renderActions={renderActions}
|
2020-03-26 22:47:07 +01:00
|
|
|
showUserBlocked={showHiddenByUser}
|
2021-03-03 19:50:16 +01:00
|
|
|
showHiddenByUser={showHiddenByUser}
|
wip
wip
wip - everything but publish, autoplay, and styling
collection publishing
add channel to collection publish
cleanup
wip
bump
clear mass add after success
move collection item management controls
redirect replace to published collection id
bump
playlist selector on create
bump
use new collection add ui element
bump
wip
gitignore
add content json
wip
bump
context add to playlist
basic collections page style pass wip
wip: edits, buttons, styles...
change fileAuthor to claimAuthor
update, pending bugfixes, delete modal progress, collection header, other bugfixes
bump
cleaning
show page bugfix
builtin collection headers
no playlists, no grid title
wip
style tweaks
use normal looking claim previews for collection tiles
add collection changes
style library previews
collection menulist for delete/view on library
delete modal works for unpublished
rearrange collection publish tabs
clean up collection publishing and items
show on odysee
begin collectoin edit header and css renaming
better thumbnails
bump
fix collection publish redirect
view collection in menu does something
copy and thumbs
list previews, pending, context menus, list page
enter to add collection, lists page empty state
playable lists only, delete feature, bump
put fileListDownloaded back
better collection titles
improve collection claim details
fix horiz more icon
fix up channel page
style, copy, bump
refactor preview overlay properties,
fix reposts showing as floppydisk
add watch later toast,
small overlay properties on wunderbar results,
fix collection actions buttons
bump
cleanup
cleaning, refactoring
bump
preview thumb styling, cleanup
support discover page lists search
sync, bump
bump, fix sync more
enforce builtin order for now
new lists page empty state
try to indicate unpublished edits in lists
bump
fix autoplay and linting
consts, fix autoplay
bugs
fixes
cleanup
fix, bump
lists experimental ui, fixes
refactor listIndex out
hack in collection fallback thumb
bump
2021-02-06 08:03:51 +01:00
|
|
|
collectionId={collectionId}
|
2021-07-07 20:21:11 +02:00
|
|
|
showNoSourceClaims={showNoSourceClaims}
|
2020-03-26 22:47:07 +01:00
|
|
|
customShouldHide={(claim: StreamClaim) => {
|
|
|
|
// Hack to hide spee.ch thumbnail publishes
|
|
|
|
// If it meets these requirements, it was probably uploaded here:
|
|
|
|
// https://github.com/lbryio/lbry-redux/blob/master/src/redux/actions/publish.js#L74-L79
|
2021-04-29 09:22:56 +02:00
|
|
|
return claim.name.length === 24 && !claim.name.includes(' ') && claim.value.author === 'Spee.ch';
|
2020-03-26 22:47:07 +01:00
|
|
|
}}
|
2021-04-29 09:22:56 +02:00
|
|
|
live={resolveLive(index)}
|
Fill in remaining Recsys fields
## Issue
6366 Recsys Evaluation Telemetry
The recommended list from lighthouse is obtained from `makeSelectRecommendedContentForUri`. This list is further tweaked by the GUI (e.g. move autoplay next item to top, remove blocked content, etc.). Recsys wants the final recommendation list and the clicked index (in exact order), so we need pass these info to the videojs recsys plugin somehow. Also, Recsys wants a recommendation list ID as well as the parent (referrer) ID, we so need to track the clicks and navigation.
## General Approach
- It seems easiest to just spew back the final (displayed) list and all the required info to Redux, and the recsys plugin (or anyone else in the future) can grab it.
- Try to touch few files as possible. The dirty work should all reside in `<RecommendedContent>` only.
## Changes
- `ClaimPreview`: add optional parameters to store an ID of the container that it is in (for this case, it is `ClaimList`) as well as the index within the container.
- When clicked, we store the container ID in the navigation history `state` object.
- For general cases, anyone can check this state from `history.location.state` to know which container referred/navigated to the current page. For the recsys use case, we can use this as the `parentUUID`.
- `ClaimList`: just relay `onClick` and set IDs.
- `RecommendedContent`: now handles the uuid generation (for both parent and child) and stores the data in Redux.
2021-07-28 14:07:49 +02:00
|
|
|
onClick={handleClaimClicked}
|
2020-03-26 22:47:07 +01:00
|
|
|
/>
|
|
|
|
</React.Fragment>
|
2019-06-11 20:10:58 +02:00
|
|
|
))}
|
|
|
|
</ul>
|
|
|
|
)}
|
2020-08-21 17:49:13 +02:00
|
|
|
|
2021-02-18 09:55:29 +01:00
|
|
|
{!timedOut && urisLength === 0 && !loading && <div className="empty empty--centered">{empty || noResultMsg}</div>}
|
2020-09-30 20:46:17 +02:00
|
|
|
{!loading && timedOut && timedOutMessage && <div className="empty empty--centered">{timedOutMessage}</div>}
|
2019-06-11 20:10:58 +02:00
|
|
|
</section>
|
|
|
|
);
|
2017-04-30 18:01:43 +02:00
|
|
|
}
|