Rating

src/containers/film-detail.js

@@ -8,10 +8,11 @@ class FilmDetail extends Component {
     }
     return (
       <div>
-        <h4> Details For : </h4>
+        <h4> Details For : <div> <b>{this.props.film.title}</b> </div> </h4>
         <hr />
-        <div> <b>{this.props.film.title}</b> </div>
+
         <div> Actor: {this.props.film.actor} </div>
+        <div> Rating: {this.props.film.rating} </div>
       </div>
     );
   }

src/reducers/reducer_films.js

@@ -1,11 +1,11 @@
 export default function() {
   return [
-    { title: 'Titanic', actor: 'Leonardo Dicaprio'},
-    { title: 'Men In Black', actor: 'Will Smith'},
-    { title: 'Pirates Of the Carribean', actor: 'Jhonny Depp'},
-    { title: 'Black Swan', actor: 'Natalie Portman'},
-    { title: 'Forest Grump', actor: 'Tom hanks'},
-    { title: 'Lucy', actor: 'Scarlett Johansson'},
-    { title: 'The Hunger Games', actor: 'Jennifer Lawrence'}
+    { title: 'Titanic', actor: 'Leonardo Dicaprio', rating: 4.5},
+    { title: 'Men In Black', actor: 'Will Smith', rating: 4.9},
+    { title: 'Pirates Of the Carribean', actor: 'Jhonny Depp', rating: 4.1},
+    { title: 'Black Swan', actor: 'Natalie Portman', rating: 4.5},
+    { title: 'Forest Grump', actor: 'Tom hanks', rating: 4.2},
+    { title: 'Lucy', actor: 'Scarlett Johansson', rating: 4.5},
+    { title: 'The Hunger Games', actor: 'Jennifer Lawrence', rating: 4.5}
   ]
 }