From ddc766288c8b4788f6c7c1afc9e0232bb061c10e Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Fri, 7 Aug 2020 14:35:11 -0400
Subject: [PATCH 1/3] removed unused imports

---
 src/index.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/index.js b/src/index.js
index 15193c5..753740d 100644
--- a/src/index.js
+++ b/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);

From 4eb5b6f8b3f686fd60479b8d56410b5c8531a544 Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Wed, 6 Oct 2021 11:08:48 -0400
Subject: [PATCH 2/3] touched file

---
 src/containers/Home.js | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/containers/Home.js b/src/containers/Home.js
index 152b20a..564f81e 100644
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -10,18 +10,17 @@ class Home extends Component {
     toggleModal: false,
     /** Holds the movie information for a single movie. */
     movieOverview: {},
-  }
-
+  };
 
   /* Get the appropriate details for a specific movie that was clicked */
   selectMovieHandler = async (movie) => {
     this.setState({ toggleModal: true });
     await this.setState({ movieOverview: movie });
-  }
+  };
 
   closeModal = () => {
     this.setState({ toggleModal: false });
-  }
+  };
 
   render() {
     return (
@@ -29,9 +28,11 @@ class Home extends Component {
         <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>
       </>
@@ -39,4 +40,4 @@ class Home extends Component {
   }
 }
 
-export default Home;
\ No newline at end of file
+export default Home;

From 93a1a22efdc5920aec7f73065bd18ac361a2a3ea Mon Sep 17 00:00:00 2001
From: andres alcocer <andresalcocer7@yahoo.com>
Date: Wed, 6 Oct 2021 11:13:24 -0400
Subject: [PATCH 3/3] set prettier rules

---
 .prettierrc            |  6 ++++--
 src/containers/Home.js | 26 +++++++++++++-------------
 2 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/.prettierrc b/.prettierrc
index 92cde39..ad3f27c 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -1,3 +1,5 @@
 {
-  "singleQuote": true
-}
\ No newline at end of file
+  "singleQuote": true,
+  "jsxSingleQuote": true,
+  "semi": false
+}
diff --git a/src/containers/Home.js b/src/containers/Home.js
index 564f81e..a0fb409 100644
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -1,8 +1,8 @@
-import React, { Component } from 'react';
+import React, { Component } from 'react'
 
-import MainContent from './MainContent';
-import Modal from '../components/UI/Modal';
-import MovieDetails from '../components/Movie/MovieDetails';
+import MainContent from './MainContent'
+import Modal from '../components/UI/Modal'
+import MovieDetails from '../components/Movie/MovieDetails'
 
 class Home extends Component {
   state = {
@@ -10,22 +10,22 @@ class Home extends Component {
     toggleModal: false,
     /** Holds the movie information for a single movie. */
     movieOverview: {},
-  };
+  }
 
   /* Get the appropriate details for a specific movie that was clicked */
   selectMovieHandler = async (movie) => {
-    this.setState({ toggleModal: true });
-    await this.setState({ movieOverview: movie });
-  };
+    this.setState({ toggleModal: true })
+    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
@@ -36,8 +36,8 @@ class Home extends Component {
           <MovieDetails movie={this.state.movieOverview} />
         </Modal>
       </>
-    );
+    )
   }
 }
 
-export default Home;
+export default Home