From ad9ab84fc58fe7a72365cae59d392c3eab7f283f Mon Sep 17 00:00:00 2001 From: Ezekiel Date: Sun, 17 Mar 2019 22:02:00 +0100 Subject: [PATCH] (srp) Create SRP FUnctions --- package.json | 1 + src/components/card/Card.js | 82 ++--- src/components/navigation/Navigation.js | 33 +- src/components/pages/about/About.js | 296 ++++++++++-------- src/components/pages/movies/Credits.js | 72 ++--- src/components/pages/movies/Movie.js | 140 +++++---- src/components/pages/movies/MovieVideos.js | 43 ++- src/components/pages/movies/Movies.js | 52 +-- src/components/pages/movies/SearchBox.js | 20 +- src/components/pages/movies/SimilarMovies.js | 57 ++-- src/components/pages/tvseries/SearchBox.js | 19 +- src/components/pages/tvseries/SeriesVideos.js | 47 ++- .../pages/tvseries/SimilarTvSeries.js | 56 ++-- src/components/pages/tvseries/TvSerie.js | 164 +++++----- .../pages/tvseries/TvSeriesCredits.js | 16 - src/components/pages/tvseries/Tvseries.js | 51 +-- src/utils/index.js | 19 ++ 17 files changed, 577 insertions(+), 591 deletions(-) create mode 100644 src/utils/index.js 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 = ; + let button = ( + +); if(this.props.isExternalLink === 'true'){ - button = ; + button = ( + +); }else if(this.props.ReloadLink){ - button = ; + button = ( + +); } @@ -88,60 +113,13 @@ class RecipeReviewCard extends React.Component { } } */} -

-

+
+
{button} {/* */} - {/* - - - - - - - - - - */} - {/* - - - 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() {
- navigationimg - + + navigationimg + - - + + - 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 (
- aboutimg -

About

-
+ aboutimg +

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

- @@ -44,19 +47,19 @@ class About extends Component { REACTJS - - - - @@ -68,7 +71,7 @@ class About extends Component { HTML - @@ -84,7 +87,7 @@ class About extends Component { ANGULAR - @@ -93,167 +96,210 @@ class About extends Component { - - -
-

+
+
-
+

PROJECTS

-
+
-
- + -

-
+
+
-
- + -

-
+
+
-
- + -

-
+
+
-
-

- - {/* Second Card Row */} -
- -
- +
+ + {/* Second Card Row */} +
+ +
+ -

-
+
+
-
- + -

-
+
+
-
- + -

-
+
+
-
- {/*

*/} - - {/* Thrid card row */} -
- -
- + {/*

*/} + + {/* Thrid card row */} +
+ +
+ -

-
+
+
-
- + -

-
+
+
-
- + -

-
+
+
-
+
- {/* Fourth card row */} -
-
- +
+ -

-
-
+
+
+ -
+

CONTACT ME

-
+
-
+
-
- - -
- - -
- - {/* minLength="50" maxLength="500" */} - - - -
+ + + +
+ + +
+ + {/* minLength="50" maxLength="500" */} +