Add view to handle no result from search
This commit is contained in:
parent
c51a380295
commit
80dba4e4d3
@ -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">
|
||||
|
@ -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}
|
||||
|
Loading…
x
Reference in New Issue
Block a user