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

refactor editos

Browse source
This commit is contained in:
Fedor Katurov 2023-11-20 22:21:08 +06:00
parent 03ddb1862c
commit 5e9c111e0f
149 changed files with 416 additions and 317 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,37 +0,0 @@
import React, { FC, useCallback, useMemo } from 'react';
import classnames from 'classnames';
import { InputText } from '~/components/input/InputText';
import { useNodeFormContext } from '~/hooks/node/useNodeFormFormik';
import { NodeEditorProps } from '~/types/node';
import { getYoutubeThumb } from '~/utils/dom';
import { path } from '~/utils/ramda';
import styles from './styles.module.scss';
type IProps = NodeEditorProps & {};
const VideoEditor: FC<IProps> = () => {
const { values, setFieldValue } = useNodeFormContext();
const setUrl = useCallback((url: string) => setFieldValue('blocks', [{ type: 'video', url }]), [
setFieldValue,
]);
const url = (path(['blocks', 0, 'url'], values) as string) || '';
const preview = useMemo(() => getYoutubeThumb(url), [url]);
const backgroundImage = (preview && `url("${preview}")`) || '';
return (
<div className={styles.preview} style={{ backgroundImage }}>
<div className={styles.input_wrap}>
<div className={classnames(styles.input, { active: !!preview })}>
<InputText value={url} handler={setUrl} placeholder="Адрес видео" />
</div>
</div>
</div>
);
};
export { VideoEditor };