nexshop-web-contents

Version:
Nexshop Web Contents Project
43 lines (37 loc) • 1.15 kB
JavaScript
import React, {Component} from 'react';

class ContentsPreviewDetailView extends Component {

    constructor(props) {
        super(props);
    }

    drawContents(contents) {
        const {metaData, type} = contents;
        const {contentUrl, mimeType} = metaData;

        switch(type) {
            case 'image':
                return (
                    <div className="contents-preview-detail--image" style={{backgroundImage: `url(${contentUrl})`}}/>
                );
            case 'video':
                return (
                    <div className="contents-preview-detail--video">
                        <video autoPlay controls
                               src={contentUrl} type={mimeType}
                        />
                    </div>
                );
            default:
                return (
                    <div className="contents-preview-detail" />
                );
        }
    }

    render() {
        const {contents} = this.props;
        return (
            <div>
            { this.drawContents(contents) }
            </div>
        )
    }
}

export default ContentsPreviewDetailView;