diff --git a/src/SkinTable.js b/src/SkinTable.js index 3b3c05e4..e248e964 100644 --- a/src/SkinTable.js +++ b/src/SkinTable.js @@ -14,6 +14,7 @@ const SkinTable = ({ skinCount, windowWidth, getSkinData, + searchQuery, }) => { function itemKey({ columnIndex, rowIndex }) { const { requestToken, data: skin } = getSkinData({ @@ -35,20 +36,33 @@ const SkinTable = ({ }, [skinCount]); return (
- - {Cell} - + {skinCount > 0 || searchQuery === "" ? ( + + {Cell} + + ) : ( +
+ No skins matching "{searchQuery}" +
+ )}
); }; @@ -57,6 +71,7 @@ const mapStateToProps = (state) => ({ skinCount: Selectors.getCurrentSkinCount(state), selectedSkinHash: Selectors.getSelectedSkinHash(state), getSkinData: Selectors.getSkinDataGetter(state), + searchQuery: Selectors.getSearchQuery(state), }); const mapDispatchToProps = (dispatch) => ({ diff --git a/todo.md b/todo.md index ecf9b455..7e5c8549 100644 --- a/todo.md +++ b/todo.md @@ -24,7 +24,6 @@ Find a way to fetch skin data based on hash - Scroll is not locked in overlay mode on ios - Fix animation for about page overlay fade in -- "No results" page - Setup Sentry - Restore focus when leaving the modal - Add keyboard navigation to table