Handling 0 result

resource/css/_search.scss

@@ -70,6 +70,10 @@
   }
 
   .search-result-content {
+    .search-result-meta {
+      margin-bottom: 16px;
+      font-weight: bold;
+    }
     .search-result-page {
       > h2 {
         font-size: 20px;

resource/js/components/SearchPage/SearchResult.js

@@ -34,6 +34,7 @@ export default class SearchResult extends React.Component {
             </nav>
           </div>
           <div className="col-md-8 search-result-content" id="search-result-content">
+            <div className="search-result-meta">Found {this.props.searchResultMeta.total} pages with "{this.props.searchingKeyword}"</div>
             <SearchResultList
               pages={this.props.pages}
               searchingKeyword={this.props.searchingKeyword}