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