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] 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