Now it is a little messy with lots of css inline, but will clean and comment. Has now a working UI, needs more 404 handling of items.
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
import React from 'react';
|
||||
import glamorous from 'glamorous';
|
||||
|
||||
require('../app.scss');
|
||||
// StyleComponents
|
||||
import mediaResultItem from './styledComponents/mediaResultItem.jsx';
|
||||
|
||||
class MovieObject {
|
||||
constructor(object) {
|
||||
@@ -63,7 +65,7 @@ class MovieObject {
|
||||
borderRadius: '4px',
|
||||
textAlign: 'center',
|
||||
padding: '10px',
|
||||
width: '100px',
|
||||
minWidth: '100px',
|
||||
float: 'left',
|
||||
fontSize: '13px',
|
||||
fontWeight: '800',
|
||||
@@ -78,7 +80,7 @@ class MovieObject {
|
||||
borderRadius: '4px',
|
||||
textAlign: 'center',
|
||||
padding: '10px',
|
||||
width: '100px',
|
||||
minWidth: '100px',
|
||||
float: 'left',
|
||||
fontSize: '13px',
|
||||
fontWeight: '800',
|
||||
@@ -110,9 +112,12 @@ class MovieObject {
|
||||
style={requestButton}><span>+ Request</span></button>;
|
||||
}
|
||||
|
||||
var themoviedbLink = 'https://www.themoviedb.org/movie/' + this.id
|
||||
|
||||
|
||||
return (
|
||||
<div>
|
||||
<div key={this.id} style={resultItem}>
|
||||
<div style={resultItem} key={this.id}>
|
||||
<div style={resultPoster}>
|
||||
<img style={resultPosterImg} id='poster' src={posterPath}></img>
|
||||
</div>
|
||||
@@ -127,7 +132,7 @@ class MovieObject {
|
||||
|
||||
<div style={buttons}>
|
||||
{foundInPlex}
|
||||
<button style={tmdbButton}><span>Info</span></button>
|
||||
<a href={themoviedbLink}><button style={tmdbButton}><span>Info</span></button></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user