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

Đang mở Phù hợp với người mới
  • Có gì không ổn?
#8,819 8 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
82/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
javascript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với toggleNoResultMsgIfNoMatch trong assets/js/toolkit.js và theo dõi cách sử dụng noResultMessageComponent trong assets/js/elements/noResultsMessageFilter.js. Kiểm tra cách current-projects.js sử dụng hàm dùng chung trước khi thực hiện thay đổi. Được xem là hoàn tất khi thông báo không có kết quả của toolkit hiển thị danh mục bộ lọc, chẳng hạn như "Tools: Github", thay vì "undefined: Github", mà không làm hỏng trang còn lại.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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.

Ngôn ngữ chính
JavaScript
Star
365
Fork
873
Merge trung bình
1 ngày 20 giờ
Pull request đã merge (30 ngày)
3

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của hackforla/website

Tất cả issue của hackforla/website

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.