From 80dba4e4d3242b64cb823ed8282b55e019f77688 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Sun, 29 Jan 2017 15:14:41 +0100
Subject: [PATCH 1/3] Add view to handle no result from search

---
 src/public/js/components/list/filter.js  | 4 ++++
 src/public/js/components/list/posters.js | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/public/js/components/list/filter.js b/src/public/js/components/list/filter.js
index 39450f1..c1bf4bd 100644
--- a/src/public/js/components/list/filter.js
+++ b/src/public/js/components/list/filter.js
@@ -2,6 +2,10 @@ import React from 'react'
 import { Control, Form } from 'react-redux-form';
 
 export default function ListFilter(props) {
+  if (props.listSize === 0) {
+    return null;
+  }
+
   return (
     <div className="row">
       <div className="col-xs-12 col-md-12 list-filter">
diff --git a/src/public/js/components/list/posters.js b/src/public/js/components/list/posters.js
index 734f84b..bdffe74 100644
--- a/src/public/js/components/list/posters.js
+++ b/src/public/js/components/list/posters.js
@@ -50,6 +50,8 @@ export default class ListPosters extends React.Component {
 
   render() {
     let elmts = this.props.data.slice();
+    const listSize = elmts.length;
+    const colSize = (listSize !== 0) ? "col-xs-5 col-md-8" : "col-xs-12";
 
     // Filter the list of elements
     if (this.props.filter !== "") {
@@ -60,8 +62,9 @@ export default class ListPosters extends React.Component {
     }
 
     return (
-      <div className="col-xs-5 col-md-8">
+      <div className={colSize}>
         <ListFilter
+          listSize={listSize}
           formModel={this.props.formModel}
           controlModel={this.props.controlModel}
           controlPlaceHolder={this.props.controlPlaceHolder}

From 42bc4bf957ba519882a07683312bb2f03e1f9db8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Sun, 29 Jan 2017 19:28:42 +0100
Subject: [PATCH 2/3] Sort movies by year by default

---
 src/public/js/reducers/movies.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/public/js/reducers/movies.js b/src/public/js/reducers/movies.js
index 408967d..8209b39 100644
--- a/src/public/js/reducers/movies.js
+++ b/src/public/js/reducers/movies.js
@@ -18,6 +18,8 @@ export default function movieStore(state = defaultState, action) {
       let selectedImdbId = "";
       // Select the first movie
       if (action.payload.data.length > 0) {
+        // Sort by year
+        action.payload.data.sort((a,b) => b.year - a.year);
         selectedImdbId = action.payload.data[0].imdb_id;
       }
       return Object.assign({}, state, {

From b5693bfb8a3a9a23efcd320f2c87cafd7d3076ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= <gregoire.delattre@gmail.com>
Date: Sun, 29 Jan 2017 19:32:29 +0100
Subject: [PATCH 3/3] Add year for the selected item in the list view

---
 src/public/js/components/list/details.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/public/js/components/list/details.js b/src/public/js/components/list/details.js
index 8bfc0fb..3acf921 100644
--- a/src/public/js/components/list/details.js
+++ b/src/public/js/components/list/details.js
@@ -10,6 +10,7 @@ export default function ListDetails(props) {
       <div className="show-detail affix">
         <h1 className="hidden-xs">{props.data.title}</h1>
         <h3 className="visible-xs">{props.data.title}</h3>
+        <h4>{props.data.year}</h4>
         {props.data.runtime &&
           <p>
             <i className="fa fa-clock-o"></i>