Merge pull request #36 from AndresXI/carousel-component

Carousel component

.prettierrc

@@ -1,3 +1,5 @@
 {
-  "singleQuote": true
+  "singleQuote": true,
-}
+  "jsxSingleQuote": true,
+  "semi": false
+}

src/containers/Home.js

@@ -1,8 +1,8 @@
-import React, { Component } from 'react';
+import React, { Component } from 'react'
 
-import MainContent from './MainContent';
+import MainContent from './MainContent'
-import Modal from '../components/UI/Modal';
+import Modal from '../components/UI/Modal'
-import MovieDetails from '../components/Movie/MovieDetails';
+import MovieDetails from '../components/Movie/MovieDetails'
 
 class Home extends Component {
   state = {
@@ -12,31 +12,32 @@ class Home extends Component {
     movieOverview: {},
   }
 
-
   /* Get the appropriate details for a specific movie that was clicked */
   selectMovieHandler = async (movie) => {
-    this.setState({ toggleModal: true });
+    this.setState({ toggleModal: true })
-    await this.setState({ movieOverview: movie });
+    await this.setState({ movieOverview: movie })
   }
 
   closeModal = () => {
-    this.setState({ toggleModal: false });
+    this.setState({ toggleModal: false })
   }
 
   render() {
     return (
       <>
-        <div className="main-content">
+        <div className='main-content'>
           <MainContent selectMovieHandler={this.selectMovieHandler} />
         </div>
-        <Modal show={this.state.toggleModal}
+        <Modal
+          show={this.state.toggleModal}
           modalClosed={this.closeModal}
-          movie={this.state.movieOverview}>
+          movie={this.state.movieOverview}
+        >
           <MovieDetails movie={this.state.movieOverview} />
         </Modal>
       </>
-    );
+    )
   }
 }
 
-export default Home;
+export default Home

src/index.js

@@ -8,10 +8,6 @@ import '@babel/polyfill';
 
 import App from './containers/App';
 import 'swiper/swiper-bundle.min.css';
-// import 'swiper/components/navigation/navigation.scss';
-// import 'swiper/components/pagination/pagination.scss';
-// import 'swiper/components/scrollbar/scrollbar.scss';
-// Import main sass file to apply global styles
 import './static/sass/style.scss';
 
 const createStoreWithMiddleware = applyMiddleware(promise)(createStore);