Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

ER: [Toolkit Page]: Fix "undefined" message shown when filter selects no guide or resource cards

Open Beginner friendly
#8,819 2 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
82/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
javascript
Domain
frontend

Research direction

Start with toggleNoResultMsgIfNoMatch in assets/js/toolkit.js and trace its use of noResultMessageComponent in assets/js/elements/noResultsMessageFilter.js. Check how the shared function is used by current-projects.js before making the change. Done means the toolkit no-results message shows the filter category, such as "Tools: Github", instead of "undefined: Github" without breaking the other page.

Written by the indexing model from the issue text.

Description

Complexity: Large ER needs issue: large non-PR contribution P-Feature: Toolkit Ready for Prioritization role: front end size: 1pt
Emergent Requirement - Problem

On toolkit page, when applying filters to search for guide or resource cards, if no results match the selected criteria, the page displays the message "we couldn't find results for:" followed by the filter information. However, the filter label is missing and shows as undefined: Github instead of the expected category name like Tools: Github.

Image
Issue you discovered this emergent requirement in
  • #8558
Date discovered

9/30/2026

Did you have to do something temporarily
  • YES
  • NO
Who was involved

@Tomomi-K1

What happens if this is not addressed

When users apply filters that return no matching guide or resource cards, they see a confusing error message displaying undefined: Github instead of a clear filter label like Tools: Github. This creates a poor user experience. Without fixing this, users cannot effectively troubleshoot their searches or understand why no results appeared.

Resources
Recommended Action Items
  • Make a new issue
  • Discuss with team
  • Let a Team Lead know
Potential solutions [draft]
  • Update filterNameSingular inside noResultMessageComponent function to properly handle cases with toolkit page but also need to double check with how this function is also used in current-projects.js and make sure it works for both. Or we could make separate function for each.
Dominant language
JavaScript
Stars
364
Forks
871
Avg merge
4d 7h
Merged PRs (30d)
13

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from hackforla/website

All issues in hackforla/website

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.