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 9f89242d85.
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')}
|
|
/>
|
|
}
|
|
/>
|
|
);
|
|
}
|