Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン 初心者向け
#8,819 コメント 8 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 1 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
82/100
issue の種類
バグ
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
javascript
領域
frontend

調査の方向性

assets/js/toolkit.js の toggleNoResultMsgIfNoMatch から始め、assets/js/elements/noResultsMessageFilter.js での noResultMessageComponent の使用箇所を追ってください。変更を加える前に、current-projects.js が共有関数をどのように使用しているかを確認してください。完了条件は、toolkit の no-results メッセージが "undefined: Github" ではなく、"Tools: Github" のようにフィルターカテゴリを表示し、もう一方のページを壊さないことです。

索引モデルが issue の本文から書いたものです。

説明

Complexity: Large Draft ER needs issue: large non-PR contribution P-Feature: Toolkit 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.

  • refer to project Page for the error message:

example 1:

"undefined : Github" 

should be:

"Tool: Github"  

undefined should be replaced by singular category name. (example: technologies => Technology, Tools => Tool)

example 2:

"undefined: Project+Management"

should be:

"Practice: Project Management"

replace undefined with category singular name and replace + with space.

主要言語
JavaScript
スター
364
フォーク
872
平均マージ
6日 3時間
マージ済み PR(30日)
9

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

hackforla/website のほかの issue

hackforla/website の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。