show video previews on tag click
This commit is contained in:
		@@ -63,7 +63,7 @@ class Preview extends React.Component {
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export class TagPreview extends React.Component {
 | 
			
		||||
    constructor(props: P, context: any) {
 | 
			
		||||
    constructor(props, context) {
 | 
			
		||||
        super(props, context);
 | 
			
		||||
 | 
			
		||||
        this.props = props;
 | 
			
		||||
@@ -82,7 +82,7 @@ export class TagPreview extends React.Component {
 | 
			
		||||
            .then((response) => response.json()
 | 
			
		||||
                .then((result) => {
 | 
			
		||||
                    console.log(result);
 | 
			
		||||
                    this.props.viewbinding.showVideo(
 | 
			
		||||
                    this.props.categorybinding(
 | 
			
		||||
                        <VideoContainer
 | 
			
		||||
                            data={result}
 | 
			
		||||
                            viewbinding={this.props.viewbinding}/>
 | 
			
		||||
 
 | 
			
		||||
@@ -2,7 +2,7 @@ import React from "react";
 | 
			
		||||
import Preview from "./Preview";
 | 
			
		||||
 | 
			
		||||
class VideoContainer extends React.Component {
 | 
			
		||||
    constructor(props: P, context: any) {
 | 
			
		||||
    constructor(props, context) {
 | 
			
		||||
        super(props, context);
 | 
			
		||||
 | 
			
		||||
        this.data = props.data;
 | 
			
		||||
@@ -12,6 +12,7 @@ class VideoContainer extends React.Component {
 | 
			
		||||
            selectionnr: null
 | 
			
		||||
        };
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    // stores current index of loaded elements
 | 
			
		||||
    loadindex = 0;
 | 
			
		||||
 | 
			
		||||
@@ -31,6 +32,9 @@ class VideoContainer extends React.Component {
 | 
			
		||||
                        movie_id={elem.movie_id}
 | 
			
		||||
                        viewbinding={this.props.viewbinding}/>
 | 
			
		||||
                ))}
 | 
			
		||||
                {/*todo css for no items to show*/}
 | 
			
		||||
                {this.state.loadeditems.length === 0 ?
 | 
			
		||||
                    "no items to show!" : null}
 | 
			
		||||
            </div>
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
@@ -70,4 +74,4 @@ class VideoContainer extends React.Component {
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
export default VideoContainer;
 | 
			
		||||
export default VideoContainer;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user