1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 12:56:41 +07:00

creating youtube node

This commit is contained in:
Fedor Katurov 2019-10-19 19:53:53 +07:00
parent 8612cc5ce7
commit f7c2f0e90f
6 changed files with 22 additions and 6 deletions

View file

@ -2,6 +2,7 @@ import React, { FC } from 'react';
import * as styles from './styles.scss';
import { INode } from '~/redux/types';
import { EditorUploadButton } from '~/components/editors/EditorUploadButton';
import { NODE_UPLOAD_TYPES } from '~/redux/node/constants';
interface IProps {
data: INode;
@ -12,7 +13,9 @@ interface IProps {
const EditorPanel: FC<IProps> = ({ data, setData, temp, setTemp }) => (
<div className={styles.panel}>
<EditorUploadButton data={data} setData={setData} temp={temp} setTemp={setTemp} />
{data.type && NODE_UPLOAD_TYPES[data.type] && (
<EditorUploadButton data={data} setData={setData} temp={temp} setTemp={setTemp} />
)}
</div>
);

View file

@ -3,6 +3,7 @@ import { INode } from '~/redux/types';
import * as styles from './styles.scss';
import path from 'ramda/es/path';
import { InputText } from '~/components/input/InputText';
import classnames from 'classnames';
interface IProps {
data: INode;
@ -29,7 +30,7 @@ const VideoEditor: FC<IProps> = ({ data, setData }) => {
return (
<div className={styles.preview} style={{ backgroundImage: preview && `url("${preview}")` }}>
<div className={styles.input_wrap}>
<div className={styles.input}>
<div className={classnames(styles.input, { active: !!preview })}>
<InputText value={url} handler={setUrl} placeholder="Адрес видео" />
</div>
</div>

View file

@ -1,6 +1,7 @@
.preview {
padding-top: 56.25%;
position: relative;
border-radius: $radius;
// background: darken($color: $content_bg, $amount: 2%);
}
@ -19,12 +20,16 @@
// @include outer_shadow();
flex: 1 0 50%;
padding: $gap * 2 $gap $gap * 2 $gap;
// border-radius: $radius;
padding: $gap * 2;
border-radius: $radius;
background: $content_bg;
// margin: 20px;
margin: 20px;
input {
text-align: center;
}
&:global(.active) {
background: $red;
}
}