diff --git a/src/mixins/HomeMixin.js b/src/mixins/HomeMixin.js index 545f3631..9e1e6e0a 100644 --- a/src/mixins/HomeMixin.js +++ b/src/mixins/HomeMixin.js @@ -5,6 +5,7 @@ import Defaults, { localStorageKeys, iconCdns } from '@/utils/defaults'; import Keys from '@/utils/StoreMutations'; import { searchTiles } from '@/utils/Search'; +import { checkItemVisibility } from '@/utils/CheckItemVisibility'; const HomeMixin = { props: { @@ -64,8 +65,11 @@ const HomeMixin = { }, /* Returns only the tiles that match the users search query */ filterTiles(allTiles) { - if (!allTiles) return []; - return searchTiles(allTiles, this.searchValue); + if (!allTiles) { + return []; + } + const visibleTiles = allTiles.filter((tile) => checkItemVisibility(tile)); + return searchTiles(visibleTiles, this.searchValue); }, /* Checks if any sections or items use icons from a given CDN */ checkIfIconLibraryNeeded(prefix) { diff --git a/src/utils/CheckItemVisibility.js b/src/utils/CheckItemVisibility.js index 4a1c0be3..a69a521d 100644 --- a/src/utils/CheckItemVisibility.js +++ b/src/utils/CheckItemVisibility.js @@ -74,7 +74,7 @@ const isItemVisibleToUser = (displayData, currentUser, isGuest) => { }; /* Putting it all together, the function to export */ -const checkItemVisibility = (item) => { +export const checkItemVisibility = (item) => { const currentUser = getCurrentUser(); // Get current user object const isGuest = isLoggedInAsGuest(); // Check if current user is a guest const displayData = item.displayData || {};