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 React from 'react'; | ||||||
|  | import glamorous from 'glamorous'; | ||||||
|  |  | ||||||
| require('../app.scss'); | // StyleComponents | ||||||
|  | import mediaResultItem from './styledComponents/mediaResultItem.jsx'; | ||||||
|  |  | ||||||
| class MovieObject { | class MovieObject { | ||||||
| 	constructor(object) { | 	constructor(object) { | ||||||
| @@ -63,7 +65,7 @@ class MovieObject { | |||||||
| 			borderRadius: '4px', | 			borderRadius: '4px', | ||||||
| 			textAlign: 'center', | 			textAlign: 'center', | ||||||
| 			padding: '10px', | 			padding: '10px', | ||||||
| 			width: '100px', | 			minWidth: '100px', | ||||||
| 			float: 'left', | 			float: 'left', | ||||||
| 			fontSize: '13px', | 			fontSize: '13px', | ||||||
| 			fontWeight: '800', | 			fontWeight: '800', | ||||||
| @@ -78,7 +80,7 @@ class MovieObject { | |||||||
| 			borderRadius: '4px', | 			borderRadius: '4px', | ||||||
| 			textAlign: 'center', | 			textAlign: 'center', | ||||||
| 			padding: '10px', | 			padding: '10px', | ||||||
| 			width: '100px', | 			minWidth: '100px', | ||||||
| 			float: 'left', | 			float: 'left', | ||||||
| 			fontSize: '13px', | 			fontSize: '13px', | ||||||
| 			fontWeight: '800', | 			fontWeight: '800', | ||||||
| @@ -110,9 +112,12 @@ class MovieObject { | |||||||
| 			style={requestButton}><span>+ Request</span></button>; | 			style={requestButton}><span>+ Request</span></button>; | ||||||
| 		} | 		} | ||||||
|  |  | ||||||
|  | 		var themoviedbLink = 'https://www.themoviedb.org/movie/' + this.id | ||||||
|  | 		 | ||||||
|  |  | ||||||
| 		return ( | 		return ( | ||||||
| 		<div> | 		<div> | ||||||
| 			<div key={this.id} style={resultItem}> | 			<div style={resultItem} key={this.id}> | ||||||
| 				<div style={resultPoster}> | 				<div style={resultPoster}> | ||||||
| 					<img style={resultPosterImg} id='poster' src={posterPath}></img> | 					<img style={resultPosterImg} id='poster' src={posterPath}></img> | ||||||
| 				</div> | 				</div> | ||||||
| @@ -127,7 +132,7 @@ class MovieObject { | |||||||
|  |  | ||||||
| 					<div style={buttons}> | 					<div style={buttons}> | ||||||
| 						{foundInPlex} | 						{foundInPlex} | ||||||
| 						<button style={tmdbButton}><span>Info</span></button> | 						<a href={themoviedbLink}><button style={tmdbButton}><span>Info</span></button></a> | ||||||
| 					</div> | 					</div> | ||||||
| 				</div> | 				</div> | ||||||
| 			</div> | 			</div> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user