lbry-desktop/ui/util/thumbnail.js

// @flow
import { THUMBNAIL_CDN_URL } from 'config';

const THUMBNAIL_HEIGHT = 220;
const THUMBNAIL_WIDTH = 390;
const THUMBNAIL_QUALITY = 100;

type Props = {
  thumbnail: ?string,
  height?: number,
  width?: number,
  quality?: number,
};

export function getThumbnailCdnUrl(props: Props) {
  const { thumbnail, height = THUMBNAIL_HEIGHT, width = THUMBNAIL_WIDTH, quality = THUMBNAIL_QUALITY } = props;

  if (!THUMBNAIL_CDN_URL || !thumbnail || thumbnail.includes('https://thumbnails.lbry.com')) {
    return thumbnail;
  }

  if (thumbnail && !thumbnail.includes('https://spee.ch')) {
    return `${THUMBNAIL_CDN_URL}s:${width}:${height}/quality:${quality}/plain/${thumbnail}`;
  }

  if (thumbnail && thumbnail.includes('https://spee.ch')) {
    return `${thumbnail}?quality=${quality}&height=${height}&width=${width}`;
  }
}