mirror of
https://github.com/LBRYFoundation/lbry-desktop.git
synced 2025-08-23 17:47:24 +00:00
2e87b2fd22
Naomi comment websockets increase slow mode time to 5 seconds fix to prevent duplicate comments update livestream details fix channel pin electron boom fix rebase prune unused icons updating meme updating meme update livestream for naomi fix rebase DigitalCashNetwork remove electroboom pin Slavguns Joel So he can edit his claims add streamTypes param to claimTilesDiscover so following section can search for all types of content fix typo update meme fixes publish page fixes pending fix notifications fix comments finally fix claim preview no mature for simplesite Revert "no mature for simplesite" This reverts commit 9f89242d85e0cacf44cbf0a683bebbe50840c466. fix livestream preview click no mature on simple site try fixing invite page crash probably needs more changes.
102 lines
2.9 KiB
JavaScript
102 lines
2.9 KiB
JavaScript
// @flow
|
|
import { SEARCH_OPTIONS } from 'constants/search';
|
|
import { SHOW_ADS, SIMPLE_SITE } from 'config';
|
|
import React from 'react';
|
|
import ClaimList from 'component/claimList';
|
|
import Ads from 'web/component/ads';
|
|
import Card from 'component/common/card';
|
|
import { useIsMobile, useIsMediumScreen } from 'effects/use-screensize';
|
|
|
|
type Options = {
|
|
related_to: string,
|
|
nsfw?: boolean,
|
|
};
|
|
|
|
type Props = {
|
|
uri: string,
|
|
claim: ?StreamClaim,
|
|
recommendedContent: Array<string>,
|
|
nextRecommendedUri: string,
|
|
isSearching: boolean,
|
|
search: (string, Options) => void,
|
|
mature: boolean,
|
|
isAuthenticated: boolean,
|
|
};
|
|
|
|
export default function RecommendedContent(props: Props) {
|
|
const { uri, claim, search, mature, recommendedContent, nextRecommendedUri, isSearching, isAuthenticated } = props;
|
|
const isMobile = useIsMobile();
|
|
const isMedium = useIsMediumScreen();
|
|
|
|
const stringifiedClaim = JSON.stringify(claim);
|
|
const getRecommendedContent = React.useCallback(() => {
|
|
if (stringifiedClaim) {
|
|
const jsonClaim = JSON.parse(stringifiedClaim);
|
|
if (jsonClaim && jsonClaim.value && jsonClaim.claim_id) {
|
|
const options: Options = {
|
|
size: 20,
|
|
related_to: jsonClaim.claim_id,
|
|
isBackgroundSearch: true,
|
|
[SEARCH_OPTIONS.CLAIM_TYPE]: SEARCH_OPTIONS.INCLUDE_FILES,
|
|
[SEARCH_OPTIONS.MEDIA_VIDEO]: true,
|
|
};
|
|
if (jsonClaim && !mature) {
|
|
options['nsfw'] = false;
|
|
}
|
|
const { title } = jsonClaim.value;
|
|
if (title && options) {
|
|
search(title, options);
|
|
}
|
|
}
|
|
}
|
|
}, [stringifiedClaim, mature, search]);
|
|
|
|
function reorderList(recommendedContent) {
|
|
let newList = recommendedContent;
|
|
if (newList) {
|
|
const index = newList.indexOf(nextRecommendedUri);
|
|
if (index === -1) {
|
|
// This would be weird. Shouldn't happen since it is derived from the same list.
|
|
} else if (index !== 0) {
|
|
// Swap the "next" item to the top of the list
|
|
const a = newList[0];
|
|
newList[0] = nextRecommendedUri;
|
|
newList[index] = a;
|
|
}
|
|
}
|
|
return newList;
|
|
}
|
|
|
|
React.useEffect(() => {
|
|
getRecommendedContent();
|
|
}, [uri, getRecommendedContent]);
|
|
|
|
return (
|
|
<Card
|
|
isBodyList
|
|
smallTitle={!isMobile && !isMedium}
|
|
className="file-page__recommended"
|
|
title={__('Related')}
|
|
body={
|
|
<ClaimList
|
|
type="small"
|
|
loading={isSearching}
|
|
uris={reorderList(recommendedContent)}
|
|
hideMenu={isMobile}
|
|
injectedItem={
|
|
SHOW_ADS && IS_WEB ? (
|
|
SIMPLE_SITE ? (
|
|
<Ads small type={'google'} uri={uri} />
|
|
) : (
|
|
!isAuthenticated && <Ads small type={'video'} />
|
|
)
|
|
) : (
|
|
false
|
|
)
|
|
}
|
|
empty={__('No related content found')}
|
|
/>
|
|
}
|
|
/>
|
|
);
|
|
}
|