* no unauthorized init
* more dynamic Preview element
This commit is contained in:
		@@ -4,9 +4,10 @@ import {ActorType} from '../../types/VideoTypes';
 | 
			
		||||
import ActorTile from '../../elements/ActorTile/ActorTile';
 | 
			
		||||
import PageTitle from '../../elements/PageTitle/PageTitle';
 | 
			
		||||
import SideBar from '../../elements/SideBar/SideBar';
 | 
			
		||||
import style from './ActorOverviewPage.module.css';
 | 
			
		||||
// import style from './ActorOverviewPage.module.css';
 | 
			
		||||
import {Button} from '../../elements/GPElements/Button';
 | 
			
		||||
import NewActorPopup from '../../elements/Popups/NewActorPopup/NewActorPopup';
 | 
			
		||||
import DynamicContentContainer from '../../elements/DynamicContentContainer/DynamicContentContainer';
 | 
			
		||||
 | 
			
		||||
interface Props {}
 | 
			
		||||
 | 
			
		||||
@@ -36,11 +37,12 @@ class ActorOverviewPage extends React.Component<Props, state> {
 | 
			
		||||
                <SideBar>
 | 
			
		||||
                    <Button title='Add Actor' onClick={(): void => this.setState({NActorPopupVisible: true})} />
 | 
			
		||||
                </SideBar>
 | 
			
		||||
                <div className={style.container}>
 | 
			
		||||
                    {this.state.actors.map((el) => (
 | 
			
		||||
                        <ActorTile key={el.ActorId} actor={el} />
 | 
			
		||||
                    ))}
 | 
			
		||||
                </div>
 | 
			
		||||
                <DynamicContentContainer
 | 
			
		||||
                    renderElement={(el): JSX.Element => <ActorTile key={el.ActorId} actor={el} />}
 | 
			
		||||
                    data={this.state.actors}
 | 
			
		||||
                    initialLoadNr={36}
 | 
			
		||||
                />
 | 
			
		||||
 | 
			
		||||
                {this.state.NActorPopupVisible ? (
 | 
			
		||||
                    <NewActorPopup
 | 
			
		||||
                        onHide={(): void => {
 | 
			
		||||
 
 | 
			
		||||
@@ -48,7 +48,7 @@ export class ActorPage extends React.Component<Props, state> {
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <SideBarTitle>Attention: This is an early preview!</SideBarTitle>
 | 
			
		||||
                </SideBar>
 | 
			
		||||
                {this.state.data.length !== 0 ? <VideoContainer data={this.state.data} /> : <div>No Data found!</div>}
 | 
			
		||||
                <VideoContainer data={this.state.data} />
 | 
			
		||||
            </>
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
 
 | 
			
		||||
@@ -53,19 +53,15 @@ class TagView extends React.Component<Props, TagViewState> {
 | 
			
		||||
                        Add a new Tag!
 | 
			
		||||
                    </button>
 | 
			
		||||
                </SideBar>
 | 
			
		||||
                {this.state.loadedtags.length !== 0 ? (
 | 
			
		||||
                    <DynamicContentContainer
 | 
			
		||||
                        data={this.state.loadedtags}
 | 
			
		||||
                        renderElement={(m): JSX.Element => (
 | 
			
		||||
                            <Link to={'/categories/' + m.TagId} key={m.TagId}>
 | 
			
		||||
                                <TagPreview name={m.TagName} />
 | 
			
		||||
                            </Link>
 | 
			
		||||
                        )}
 | 
			
		||||
                        initialLoadNr={20}
 | 
			
		||||
                    />
 | 
			
		||||
                ) : (
 | 
			
		||||
                    'loading'
 | 
			
		||||
                )}
 | 
			
		||||
                <DynamicContentContainer
 | 
			
		||||
                    data={this.state.loadedtags}
 | 
			
		||||
                    renderElement={(m): JSX.Element => (
 | 
			
		||||
                        <Link to={'/categories/' + m.TagId} key={m.TagId}>
 | 
			
		||||
                            <TagPreview name={m.TagName} />
 | 
			
		||||
                        </Link>
 | 
			
		||||
                    )}
 | 
			
		||||
                    initialLoadNr={20}
 | 
			
		||||
                />
 | 
			
		||||
                {this.handlePopups()}
 | 
			
		||||
            </>
 | 
			
		||||
        );
 | 
			
		||||
 
 | 
			
		||||
@@ -157,7 +157,7 @@ export class HomePage extends React.Component<Props, state> {
 | 
			
		||||
                                }}
 | 
			
		||||
                            />
 | 
			
		||||
                        </SideBar>
 | 
			
		||||
                        {this.state.data.length !== 0 ? <VideoContainer data={this.state.data} /> : <div>No Data found!</div>}
 | 
			
		||||
                        <VideoContainer data={this.state.data} />
 | 
			
		||||
                        <div className={style.rightinfo} />
 | 
			
		||||
                    </Route>
 | 
			
		||||
                </Switch>
 | 
			
		||||
 
 | 
			
		||||
@@ -1,8 +1,13 @@
 | 
			
		||||
import React from 'react';
 | 
			
		||||
import Preview from '../../elements/Preview/Preview';
 | 
			
		||||
 | 
			
		||||
class TVShowPage extends React.Component {
 | 
			
		||||
    render(): JSX.Element {
 | 
			
		||||
        return <>TvShowPage</>;
 | 
			
		||||
        return (
 | 
			
		||||
            <>
 | 
			
		||||
                <Preview name='myTestItem' picLoader={(callback): void => callback('')} />
 | 
			
		||||
            </>
 | 
			
		||||
        );
 | 
			
		||||
    }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user