LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

use cdn for channel thumbnails

Browse source
This commit is contained in:
Sean Yesmunt 2021-02-18 16:33:55 -05:00
parent 391190f33f
commit b231b1a51f
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
ui/component/channelThumbnail/view.jsx
View file

@ -5,6 +5,7 @@ import classnames from 'classnames';
import Gerbil from './gerbil.png'; import Gerbil from './gerbil.png';
import FreezeframeWrapper from 'component/fileThumbnail/FreezeframeWrapper'; import FreezeframeWrapper from 'component/fileThumbnail/FreezeframeWrapper';
import ChannelStakedIndicator from 'component/channelStakedIndicator'; import ChannelStakedIndicator from 'component/channelStakedIndicator';
import { getThumbnailCdnUrl } from 'util/thumbnail';
type Props = { type Props = {
thumbnail: ?string, thumbnail: ?string,
@ -67,6 +68,14 @@ function ChannelThumbnail(props: Props) {
); );
} }
let url = channelThumbnail;
// @if TARGET='web'
// Pass image urls through a compression proxy
if (thumbnail) {
url = getThumbnailCdnUrl({ thumbnail });
}
// @endif
return ( return (
<div <div
className={classnames('channel-thumbnail', className, { className={classnames('channel-thumbnail', className, {
@ -79,7 +88,7 @@ function ChannelThumbnail(props: Props) {
<img <img
alt={__('Channel profile picture')} alt={__('Channel profile picture')}
className="channel-thumbnail__default" className="channel-thumbnail__default"
src={!thumbError && thumbnailPreview ? thumbnailPreview : Gerbil} src={!thumbError && url ? url : Gerbil}
onError={() => setThumbError(true)} // if thumb fails (including due to https replace, show gerbil. onError={() => setThumbError(true)} // if thumb fails (including due to https replace, show gerbil.
/> />
)} )}
@ -91,7 +100,7 @@ function ChannelThumbnail(props: Props) {
<img <img
alt={__('Channel profile picture')} alt={__('Channel profile picture')}
className="channel-thumbnail__custom" className="channel-thumbnail__custom"
src={!thumbError ? thumbnailPreview || thumbnail : Gerbil} src={!thumbError && url ? url : Gerbil}
onError={() => setThumbError(true)} // if thumb fails (including due to https replace, show gerbil. onError={() => setThumbError(true)} // if thumb fails (including due to https replace, show gerbil.
/> />
)} )}