diff --git a/package.json b/package.json
index 5e28bcc..d0d0209 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
"@babel/preset-react": "^7.0.0",
"@material-ui/core": "^3.0.3",
"@material-ui/icons": "^3.0.1",
+ "coveralls": "^3.0.3",
"enzyme": "^3.9.0",
"enzyme-adapter-react-16": "^1.11.2",
"grommet": "^1.11.0",
diff --git a/src/components/card/Card.js b/src/components/card/Card.js
index 28b1eb4..c7c83c4 100644
--- a/src/components/card/Card.js
+++ b/src/components/card/Card.js
@@ -1,4 +1,5 @@
import React from 'react';
+// eslint-disable-next-line import/no-extraneous-dependencies
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';
import Card from '@material-ui/core/Card';
@@ -50,11 +51,35 @@ class RecipeReviewCard extends React.Component {
render() {
const { classes } = this.props;
- let button = {this.props.buttonText} ;
+ let button = (
+
+
+ {' '}
+ {this.props.buttonText}
+
+
+
+);
if(this.props.isExternalLink === 'true'){
- button = {this.props.buttonText} ;
+ button = (
+
+
+ {' '}
+ {this.props.buttonText}
+
+
+
+);
}else if(this.props.ReloadLink){
- button = {this.props.buttonText} ;
+ button = (
+
+
+ {' '}
+ {this.props.buttonText}
+
+
+
+);
}
@@ -88,60 +113,13 @@ class RecipeReviewCard extends React.Component {
}
} */}
-
-
+
+
{button}
{/* {this.props.buttonText} */}
- {/*
-
-
-
-
-
-
-
-
-
- */}
- {/*
-
-
- Method:
-
-
- Heat 1/2 cup of the broth in a pot until simmering, add saffron and set aside for 10
- minutes.
-
-
- Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over medium-high
- heat. Add chicken, shrimp and chorizo, and cook, stirring occasionally until lightly
- browned, 6 to 8 minutes. Transfer shrimp to a large plate and set aside, leaving
- chicken and chorizo in the pan. Add pimentón, bay leaves, garlic, tomatoes, onion,
- salt and pepper, and cook, stirring often until thickened and fragrant, about 10
- minutes. Add saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil.
-
-
- Add rice and stir very gently to distribute. Top with artichokes and peppers, and cook
- without stirring, until most of the liquid is absorbed, 15 to 18 minutes. Reduce heat
- to medium-low, add reserved shrimp and mussels, tucking them down into the rice, and
- cook again without stirring, until mussels have opened and rice is just tender, 5 to 7
- minutes more. (Discard any mussels that don’t open.)
-
-
- Set aside off of the heat to let rest for 10 minutes, and then serve.
-
-
- */}
diff --git a/src/components/navigation/Navigation.js b/src/components/navigation/Navigation.js
index bc70b5b..3359391 100644
--- a/src/components/navigation/Navigation.js
+++ b/src/components/navigation/Navigation.js
@@ -26,45 +26,28 @@ render() {
-
-
+
+
+
-
-
+
+
- Home
+ Home
- Movies
+ Movies
- TV Series
+ TV Series
About
- {/*
-
-
-
-
-
-
-
-
-
-
- */}
- {/*
- This Navbar is fixed
- It will always stay visible on the top, even when you scroll do
-
- Full page intro with background image will be always displayfull screen mode, regardless of device
- */}
);
}
diff --git a/src/components/pages/about/About.js b/src/components/pages/about/About.js
index b05c12b..ea8eaa7 100644
--- a/src/components/pages/about/About.js
+++ b/src/components/pages/about/About.js
@@ -1,4 +1,6 @@
import React, { Component } from 'react';
+import Button from '@material-ui/core/Button';
+import { Fa } from 'mdbreact';
import facedetectionimg from '../../../assets/images/facedetection.PNG';
import currencyconverterimg from '../../../assets/images/currencyconverter.PNG';
import headlinebimg from '../../../assets/images/headline.PNG';
@@ -10,10 +12,8 @@ import movielistings from '../../../assets/images/movielistings.PNG';
import storemanager from '../../../assets/images/storemanager.png';
import movieinfo from '../../../assets/images/movieinfo.PNG';
import schoolinformationsystem from '../../../assets/images/school_information_system.PNG';
-import Button from '@material-ui/core/Button';
// import NavigationIcon from '@material-ui/icons/Navigation';
// import Icon from '@material-ui/core/Icon';
-import { Fa } from 'mdbreact';
import Card from '../../card/Card';
@@ -26,17 +26,20 @@ class About extends Component {
return (
-
-
About
-
+
+
About
+
-
Experienced Web Developer with a demonstrated history of working in the information technology and services industry.
+
+Experienced Web Developer with a demonstrated history of working in the information technology and services industry.
Skilled in NODE, REACT, MONGODB, PHP, JAVASCRIPT, HTML, Search Engine Optimization (SEO), and Computer Hardware.
- Strong engineering professional graduated from Aptech Computer Education.
+ Strong engineering professional graduated from Aptech Computer Education.
+
+
-
+
SKILLS
-
+
NODEJS
@@ -44,19 +47,19 @@ class About extends Component {
REACTJS
-
+
MONGODB
-
+
PHP
-
+
LARAVEL
-
+
YII
@@ -68,7 +71,7 @@ class About extends Component {
HTML
-
+
CSS
@@ -84,7 +87,7 @@ class About extends Component {
ANGULAR
-
+
JAVA
@@ -93,167 +96,210 @@ class About extends Component {
-
+
GITHUB
-
+
GITLAB
-
-
+
+
WORDPRESS
-
-
+
+
JOOMLA
-
+
AWS
-
-
+
+
-
-
-
- {/* Second Card Row */}
-
-
-
-
+
+
+ {/* Second Card Row */}
+
-
-
+
-
-
+
+
-
-
+
-
-
+
+
-
- {/*
*/}
-
- {/* Thrid card row */}
-
-
-
-
+ {/* */}
+
+ {/* Thrid card row */}
+
-
-
+
-
-
+
+
-
-
+
-
-
+
+
-
+
- {/* Fourth card row */}
-
+
-
+
CONTACT ME
+
+
+
);
}
diff --git a/src/components/pages/movies/Credits.js b/src/components/pages/movies/Credits.js
index 302a788..0201cba 100644
--- a/src/components/pages/movies/Credits.js
+++ b/src/components/pages/movies/Credits.js
@@ -1,7 +1,9 @@
+/* eslint-disable react/jsx-indent */
import React, { Component } from 'react';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
+import TMDB from '../../../config/keys';
import Error from '../../error/Error';
+
import './Credits.css' ;
@@ -31,49 +33,41 @@ class Credits extends Component {
})
}
- convertArrayToCommaSeperated(array){
- let response = '';
- array.map((singleitem, i) => {
- return response += singleitem.name + ', ';
- });
-
- return response.slice(0, -2);
- }
-
- convertTime(time) {
- var minutes = time % 60;
- var hours = (time - minutes) / 60;
-
- return hours + "h " + minutes + 'm';
- }
-
render() {
if(this.state.credits !== 0){
- let credits = this.state.credits;
- let casts = credits.cast;
+ const {credits} = this.state;
+ const casts = credits.cast;
if(credits){
return(
-
+
-
CASTS
-
+
CASTS
+
-
- {
+
+ {
casts.slice(0, 12).map((cast, i) => {
return (
-
-
-
-
-
Name: {cast.name}
-
Character: {cast.character}
-
-
-
+
+
+
+
+
+ Name:
+ {' '}
+ {cast.name}
+
+
+ Character:
+ {' '}
+ {cast.character}
+
+
+
+
);
@@ -82,8 +76,8 @@ class Credits extends Component {
}
+
-
);
@@ -92,23 +86,23 @@ class Credits extends Component {
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
)
}
return (
-
+
);
}
diff --git a/src/components/pages/movies/Movie.js b/src/components/pages/movies/Movie.js
index 47ad410..c28cea1 100644
--- a/src/components/pages/movies/Movie.js
+++ b/src/components/pages/movies/Movie.js
@@ -1,11 +1,13 @@
import React, { Component } from 'react';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
-import Error from '../../error/Error';
import Button from '@material-ui/core/Button';
+
+import TMDB from '../../../config/keys';
+import Error from '../../error/Error';
import Credits from './Credits';
import SimilarMovies from './SimilarMovies';
import MovieVideos from './MovieVideos';
+import { convertTime, convertArrayToCommaSeperated } from '../../../utils';
class Movie extends Component {
constructor(props) {
@@ -34,25 +36,10 @@ class Movie extends Component {
})
}
- convertArrayToCommaSeperated(array){
- let response = '';
- array.map((singleitem, i) => {
- return response += singleitem.name + ', ';
- });
-
- return response.slice(0, -2);
- }
-
- convertTime(time) {
- var minutes = time % 60;
- var hours = (time - minutes) / 60;
-
- return hours + "h " + minutes + 'm';
- }
render() {
if(this.state.movie !== 0){
- let movie = this.state.movie;
+ const {movie} = this.state;
if(movie){
// let prod_companies = movie.production_companies;
@@ -70,47 +57,86 @@ class Movie extends Component {
return(
-
-
-
- {/*
+
+
+ {/*
*/}
- {/*
*/}
-
+ {/*
*/}
+
{/*
*/}
-
-
+
+
-
- {/*
*/}
+
+ {/*
*/}
-
{movie.original_title}
+
+ {' '}
+ {movie.original_title}
+
-
- Overview: {movie.overview}
- Tag Line: {movie.tagline}
- Production Companies: {this.convertArrayToCommaSeperated(movie.production_companies)}
- Production Countries: {this.convertArrayToCommaSeperated(movie.production_countries)}
- Genre: {this.convertArrayToCommaSeperated(movie.genres)}
- Language(s): {this.convertArrayToCommaSeperated(movie.spoken_languages)}
- Runtime: {this.convertTime(movie.runtime)}
- Status: {movie.status}
- Release Date: {movie.release_date}
-
-
+
+
+ Overview:
+ {' '}
+ {movie.overview}
+
+
+ Tag Line:
+ {' '}
+ {movie.tagline}
+
+
+ Production Companies:
+ {' '}
+ {convertArrayToCommaSeperated(movie.production_companies)}
+
+
+ Production Countries:
+ {' '}
+ {convertArrayToCommaSeperated(movie.production_countries)}
+
+
+ Genre:
+ {' '}
+ {convertArrayToCommaSeperated(movie.genres)}
+
+
+ Language(s):
+ {' '}
+ {convertArrayToCommaSeperated(movie.spoken_languages)}
+
+
+ Runtime:
+ {' '}
+ {convertTime(movie.runtime)}
+
+
+ Status:
+ {' '}
+ {movie.status}
+
+
+ Release Date:
+ {' '}
+ {movie.release_date}
+
+
+
-
-
+
@@ -132,14 +158,14 @@ class Movie extends Component {
)
})
} */}
-
+
-
+
-
-
-
+
+
+
);
@@ -157,23 +183,23 @@ class Movie extends Component {
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
-
-
+
+
+
)
}
return (
-
+
);
}
diff --git a/src/components/pages/movies/MovieVideos.js b/src/components/pages/movies/MovieVideos.js
index 8dac25c..c45c379 100644
--- a/src/components/pages/movies/MovieVideos.js
+++ b/src/components/pages/movies/MovieVideos.js
@@ -1,9 +1,8 @@
import React, { Component } from 'react';
import { Container } from 'mdbreact';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
+import TMDB from '../../../config/keys';
import Error from '../../error/Error';
-// import { Link } from 'react-router-dom';
class MovieVideos extends Component {
constructor(props) {
@@ -33,39 +32,39 @@ componentDidMount(){
trimText = (text) => {
- return text.substring(0, 100) + '...';
+ return `${text.substring(0, 100) }...`;
}
render(){
if(this.state.movievideos !== 0){
- let movievideos = this.state.movievideos.results;
+ const movievideos = this.state.movievideos.results;
if(movievideos){
return(
- MOVIE VIDEOS
-
+ MOVIE VIDEOS
+
- {
+ {
movievideos.map((movie, i) => {
return (
-
+
)
})}
-
+
-
+
);
@@ -75,23 +74,21 @@ componentDidMount(){
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
);
}
- // console.log(this.state)
- // return {render};
+
return(
- //preloader
);
}
diff --git a/src/components/pages/movies/Movies.js b/src/components/pages/movies/Movies.js
index 276ada0..cf565f6 100644
--- a/src/components/pages/movies/Movies.js
+++ b/src/components/pages/movies/Movies.js
@@ -1,7 +1,6 @@
import React, { Component } from 'react';
import SearchBox from './SearchBox';
import TMDB from '../../../config/keys';
-// import { Triple } from 'react-preloading-component';
import Error from '../../error/Error';
import Card from '../../card/Card';
import TrendingMovies from '../home/TrendingMovies';
@@ -16,9 +15,9 @@ class Movies extends Component {
error: 0
};
}
+
onSearchChange = (event) =>{
this.setState({searchField: event.target.value});
-// console.log(event.target.value);
fetch(`${TMDB.TMDB_PATH}search/movie?api_key=${TMDB.TMDB_API_KEY}&query=${event.target.value}&include_adult=true`, {
method: 'get',
headers: {
@@ -34,37 +33,38 @@ class Movies extends Component {
}
trimText = (text) => {
- return text.substring(0, 50) + '...';
+ return `${text.substring(0, 50) }...`;
}
render() {
- console.log(this.state)
-
-
if(this.state.searchResults !== 0){
- let searchresults = this.state.searchResults.results;
+ const searchresults = this.state.searchResults.results;
// let casts = credits.cast;
if(searchresults){
return(
-
-
+
+
RESULTS
-
+
-
- {
+
+ {
searchresults.map((searchresult, i) => {
return (
-
-
-
-
+
+
+
+
);
@@ -73,8 +73,8 @@ trimText = (text) => {
}
+
-
);
@@ -83,9 +83,9 @@ trimText = (text) => {
}else if(this.state.error !== 0){
return (
-
);
}else{
@@ -99,9 +99,9 @@ trimText = (text) => {
return (
);
}
diff --git a/src/components/pages/movies/SearchBox.js b/src/components/pages/movies/SearchBox.js
index 6d4f419..d86cbb4 100644
--- a/src/components/pages/movies/SearchBox.js
+++ b/src/components/pages/movies/SearchBox.js
@@ -4,20 +4,16 @@ import Input from '@material-ui/core/Input';
const SearchBox = ({searchfield, searchChange}) => {
return (
-
);
}
diff --git a/src/components/pages/movies/SimilarMovies.js b/src/components/pages/movies/SimilarMovies.js
index 8b765c6..fb8af7b 100644
--- a/src/components/pages/movies/SimilarMovies.js
+++ b/src/components/pages/movies/SimilarMovies.js
@@ -1,9 +1,9 @@
import React, { Component } from 'react';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
+import TMDB from '../../../config/keys';
import Error from '../../error/Error';
import Card from '../../card/Card';
-// import './SimilarMovies.css' ;
+import { trimText } from '../../../utils';
class SimilarMovies extends Component {
@@ -32,41 +32,34 @@ class SimilarMovies extends Component {
})
}
- trimText = (text) => {
- return text.substring(0, 50) + '...';
- }
-
- convertTime(time) {
- var minutes = time % 60;
- var hours = (time - minutes) / 60;
-
- return hours + "h " + minutes + 'm';
- }
-
render() {
if(this.state.similarmovies !== 0){
- let similarmovies = this.state.similarmovies.results;
+ const similarmovies = this.state.similarmovies.results;
// let casts = credits.cast;
if(similarmovies){
return(
-
+
SIMILAR MOVIES
-
+
-
- {
+
+ {
similarmovies.slice(0, 8).map((similarmovie, i) => {
return (
-
-
-
-
+
+
+
+
);
@@ -75,8 +68,8 @@ class SimilarMovies extends Component {
}
+
-
);
@@ -85,23 +78,23 @@ class SimilarMovies extends Component {
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
-
-
+
+
+
)
}
return (
-
+
);
}
diff --git a/src/components/pages/tvseries/SearchBox.js b/src/components/pages/tvseries/SearchBox.js
index d13660b..53b3b8b 100644
--- a/src/components/pages/tvseries/SearchBox.js
+++ b/src/components/pages/tvseries/SearchBox.js
@@ -4,20 +4,15 @@ import Input from '@material-ui/core/Input';
const SearchBox = ({searchfield, searchChange}) => {
return (
-
);
}
diff --git a/src/components/pages/tvseries/SeriesVideos.js b/src/components/pages/tvseries/SeriesVideos.js
index c64a786..5ef4689 100644
--- a/src/components/pages/tvseries/SeriesVideos.js
+++ b/src/components/pages/tvseries/SeriesVideos.js
@@ -1,9 +1,8 @@
import React, { Component } from 'react';
import { Container } from 'mdbreact';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
+import TMDB from '../../../config/keys';
import Error from '../../error/Error';
-// import { Link } from 'react-router-dom';
class SeriesVideos extends Component {
constructor(props) {
@@ -31,41 +30,36 @@ componentDidMount(){
})
}
-
- trimText = (text) => {
- return text.substring(0, 100) + '...';
- }
-
render(){
if(this.state.seriesvideos !== 0){
- let seriesvideos = this.state.seriesvideos.results;
+ const seriesvideos = this.state.seriesvideos.results;
if(seriesvideos){
return(
- VIDEOS
-
+ VIDEOS
+
- {
+ {
seriesvideos.map((video, i) => {
return (
-
+
)
})}
-
+
-
+
);
@@ -75,23 +69,22 @@ componentDidMount(){
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
);
}
- // console.log(this.state)
- // return {render};
+
return(
- //preloader
+ // preloader
);
}
diff --git a/src/components/pages/tvseries/SimilarTvSeries.js b/src/components/pages/tvseries/SimilarTvSeries.js
index 9d955de..02597a1 100644
--- a/src/components/pages/tvseries/SimilarTvSeries.js
+++ b/src/components/pages/tvseries/SimilarTvSeries.js
@@ -1,8 +1,9 @@
import React, { Component } from 'react';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
+import TMDB from '../../../config/keys';
import Error from '../../error/Error';
import Card from '../../card/Card';
+import { trimText } from '../../../utils';
@@ -32,41 +33,34 @@ class SimilarTvSeries extends Component {
})
}
- trimText = (text) => {
- return text.substring(0, 50) + '...';
- }
-
- convertTime(time) {
- var minutes = time % 60;
- var hours = (time - minutes) / 60;
-
- return hours + "h " + minutes + 'm';
- }
-
render() {
if(this.state.similartvseries !== 0){
- let similartvseries = this.state.similartvseries.results;
+ const similartvseries = this.state.similartvseries.results;
// let casts = credits.cast;
if(similartvseries){
return(
-
+
SIMILAR SERIES
-
+
-
- {
+
+ {
similartvseries.slice(0, 8).map((similartvserie, i) => {
return (
-
-
-
-
+
+
+
+
);
@@ -75,8 +69,8 @@ class SimilarTvSeries extends Component {
}
+
-
);
@@ -85,23 +79,23 @@ class SimilarTvSeries extends Component {
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
-
-
+
+
+
)
}
return (
-
+
);
}
diff --git a/src/components/pages/tvseries/TvSerie.js b/src/components/pages/tvseries/TvSerie.js
index 112726b..e6e0dfb 100644
--- a/src/components/pages/tvseries/TvSerie.js
+++ b/src/components/pages/tvseries/TvSerie.js
@@ -1,11 +1,12 @@
import React, { Component } from 'react';
-import TMDB from '../../../config/keys';
import { Triple } from 'react-preloading-component';
-import Error from '../../error/Error';
import Button from '@material-ui/core/Button';
+import TMDB from '../../../config/keys';
+import Error from '../../error/Error';
import TvseriesCredits from './TvSeriesCredits';
import SimilarTvSeries from './SimilarTvSeries';
import SeriesVideos from './SeriesVideos';
+import { convertTime, convertArrayToCommaSeperated } from '../../../utils';
class TvSerie extends Component {
constructor(props) {
@@ -33,87 +34,80 @@ class TvSerie extends Component {
this.setState({error: err});
})
}
-
- convertArrayToCommaSeperated(array){
- let response = '';
- array.map((singleitem, i) => {
- return response += singleitem.name + ', ';
- });
-
- return response.slice(0, -2);
- }
-
- convertTime(time) {
- var minutes = time % 60;
- var hours = (time - minutes) / 60;
-
- return hours + "h " + minutes + 'm';
- }
-
+
render() {
if(this.state.serie !== 0){
- let serie = this.state.serie;
- console.log(serie)
+ const {serie} = this.state;
if(serie){
- // let prod_companies = movie.production_companies;
- // let production_companies = '';
- // prod_companies.map((company, i) => {
- // production_companies += company.name + ',' + ' ';
- // });
- // production_companies = production_companies.slice(0, -1);
-
-
-
-
-
-
-
return(
-
-
-
- {/*
*/}
-
-
-
-
-
-
-
- {/*
*/}
+
+
+
+
+
+
+
+
+
+
-
{serie.original_name}
+
+ {' '}
+ {serie.original_name}
+
-
- Overview: {serie.overview}
- {/* Tag Line: {serie.tagline} */}
- Production Companies: {this.convertArrayToCommaSeperated(serie.production_companies)}
- Number Of Seasons: {serie.number_of_seasons}
- Number Of Episodes: {serie.number_of_episodes}
-
- {/* Production Countries: {this.convertArrayToCommaSeperated(serie.production_countries)} */}
- {/* Genre: {this.convertArrayToCommaSeperated(serie.genres)} */}
- {/* Language(s): {this.convertArrayToCommaSeperated(serie.spoken_languages)} */}
- Runtime: {this.convertTime(serie.episode_run_time[0])}
- Status: {serie.status}
- Popularity: {serie.popularity}
-
-
+
+
+ Overview:
+ {' '}
+ {serie.overview}
+
+
+
+ Production Companies:
+ {' '}
+ {convertArrayToCommaSeperated(serie.production_companies)}
+
+
+ Number Of Seasons:
+ {' '}
+ {serie.number_of_seasons}
+
+
+ Number Of Episodes:
+ {' '}
+ {serie.number_of_episodes}
+
+
+
+ Runtime:
+ {' '}
+ {convertTime(serie.episode_run_time[0])}
+
+
+ Status:
+ {' '}
+ {serie.status}
+
+
+ Popularity:
+ {' '}
+ {serie.popularity}
+
+
+
-
-
+
@@ -135,48 +129,40 @@ class TvSerie extends Component {
)
})
} */}
-
+
-
+
-
-
-
+
+
+
);
}
- // else{
- // return (
- //
- //
Movie Not Found
- //
- // )
- // }
-
}else if(this.state.error !== 0){
return (
-
);
}else{
return (
-
-
-
+
+
+
)
}
return (
-
+
);
}
diff --git a/src/components/pages/tvseries/TvSeriesCredits.js b/src/components/pages/tvseries/TvSeriesCredits.js
index fcb3bb1..d56b566 100644
--- a/src/components/pages/tvseries/TvSeriesCredits.js
+++ b/src/components/pages/tvseries/TvSeriesCredits.js
@@ -32,22 +32,6 @@ class TvseriesCredits extends Component {
})
}
- convertArrayToCommaSeperated(array){
- let response = '';
- array.map((singleitem, i) => {
- return response += `${singleitem.name }, `;
- });
-
- return response.slice(0, -2);
- }
-
- convertTime(time) {
- const minutes = time % 60;
- const hours = (time - minutes) / 60;
-
- return `${hours }h ${ minutes }m`;
- }
-
render() {
if(this.state.credits !== 0){
const {credits} = this.state;
diff --git a/src/components/pages/tvseries/Tvseries.js b/src/components/pages/tvseries/Tvseries.js
index 1e3b9bd..a2df451 100644
--- a/src/components/pages/tvseries/Tvseries.js
+++ b/src/components/pages/tvseries/Tvseries.js
@@ -1,12 +1,12 @@
import React, { Component } from 'react';
import SearchBox from './SearchBox';
import TMDB from '../../../config/keys';
-// import { Triple } from 'react-preloading-component';
import Error from '../../error/Error';
import Card from '../../card/Card';
import PopularSeries from '../home/PopularSeries';
import TopRatedSeries from '../home/TopRatedSeries';
import AiringTodaySeries from '../home/AiringTodaySeries';
+import { trimText } from '../../../utils';
class Tvseries extends Component {
constructor(props) {
@@ -17,6 +17,7 @@ class Tvseries extends Component {
error: 0
};
}
+
onSearchChange = (event) =>{
this.setState({searchField: event.target.value});
// console.log(event.target.value);
@@ -34,38 +35,38 @@ class Tvseries extends Component {
})
}
-trimText = (text) => {
- return text.substring(0, 50) + '...';
-}
render() {
- console.log(this.state)
if(this.state.searchResults !== 0){
- let searchresults = this.state.searchResults.results;
+ const searchresults = this.state.searchResults.results;
// let casts = credits.cast;
if(searchresults){
return(
-
-
+
+
RESULTS
-
+
-
- {
+
+ {
searchresults.map((searchresult, i) => {
return (
-
-
-
-
+
+
+
+
);
@@ -74,8 +75,8 @@ trimText = (text) => {
}
+
-
);
@@ -84,9 +85,9 @@ trimText = (text) => {
}else if(this.state.error !== 0){
return (
-
);
}else{
@@ -100,13 +101,13 @@ trimText = (text) => {
return (
);
}
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..1f3d618
--- /dev/null
+++ b/src/utils/index.js
@@ -0,0 +1,19 @@
+export const convertTime = (time) => {
+ const minutes = time % 60;
+ const hours = (time - minutes) / 60;
+
+ return `${hours }h ${ minutes }m`;
+ }
+
+export const convertArrayToCommaSeperated = (array) =>{
+ let response = '';
+ array.map((singleitem, i) => {
+ return response += `${singleitem.name }, `;
+ });
+
+ return response.slice(0, -2);
+ }
+
+export const trimText = (text) => {
+ return `${text.substring(0, 50) }...`;
+ }
\ No newline at end of file