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