* 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