muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

fixed youtube thumbs

Browse source
This commit is contained in:
Fedor Katurov 2019-11-27 10:46:33 +07:00
parent aaa8eb5275
commit 45f7c70f83
3 changed files with 13 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/editors/VideoEditor/index.tsx
View file

@ -4,6 +4,7 @@ import * as styles from './styles.scss';
import path from 'ramda/es/path';
import { InputText } from '~/components/input/InputText';
import classnames from 'classnames';
import { getYoutubeThumb } from '~/utils/dom';
interface IProps {
data: INode;
@ -17,15 +18,7 @@ const VideoEditor: FC<IProps> = ({ data, setData }) => {
);
const url = (path(['blocks', 0, 'url'], data) as string) || '';
const preview = useMemo(() => {
const match =
url &&
url.match(
/http(?:s?):\/\/(?:www\.)?youtu(?:be\.com\/watch\?v=|\.be\/)([\w\-\_]*)(&(amp;)?[\w\?=]*)?/
);
return match && match[1] ? `http://img.youtube.com/vi/${match[1]}/maxresdefault.jpg` : null;
}, [url]);
const preview = useMemo(() => getYoutubeThumb(url), [url]);
return (
<div className={styles.preview} style={{ backgroundImage: preview && `url("${preview}")` }}>