feat(xo-web/SortedTable): always show filter input (#3296)

Fixes #3295

CHANGELOG.md

@@ -4,6 +4,8 @@
 
 ### Enhancements
 
+- [Tables] Filter input now always shows up even if the table is empty [#3295](https://github.com/vatesfr/xen-orchestra/issues/3295) (PR [#3296](https://github.com/vatesfr/xen-orchestra/pull/3296))
+
 ### Bug fixes
 
 ### Released packages

packages/xo-web/src/common/sorted-table/index.js

@@ -825,7 +825,6 @@ export default class SortedTable extends Component {
 
     const displayPagination =
       paginationContainer === undefined && itemsPerPage < nAllItems
-    const displayFilter = nAllItems !== 0
 
     const paginationInstance = displayPagination && (
       <Pagination
@@ -835,7 +834,7 @@ export default class SortedTable extends Component {
       />
     )
 
-    const filterInstance = displayFilter && (
+    const filterInstance = (
       <TableFilter
         filters={props.filters}
         onChange={this._setFilter}
@@ -956,7 +955,6 @@ export default class SortedTable extends Component {
             )}
           </tbody>
         </table>
-        {(displayFilter || displayPagination) && (
         <Container>
           <SingleLineRow>
             <Col mediumSize={8}>
@@ -971,18 +969,16 @@ export default class SortedTable extends Component {
                 ))}
             </Col>
             <Col mediumSize={4}>
-                {displayFilter &&
-                  (filterContainer ? (
+              {filterContainer ? (
                 <Portal container={() => filterContainer()}>
                   {filterInstance}
                 </Portal>
               ) : (
                 filterInstance
-                  ))}
+              )}
             </Col>
           </SingleLineRow>
         </Container>
-        )}
       </div>
     )
   }