Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

MissingPage: support multiple action buttons

Đang mở
#969 0 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ó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
68/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Ít trao đổi
Công nghệ
react, typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách đọc component MissingPage và so sánh API footer của nó với ErrorState, vốn đã hỗ trợ customFooter. Xác nhận cách action toHomePageUrl hiện có được render, sau đó thêm một cách được hỗ trợ để render nhiều custom action trong khi vẫn giữ nguyên hành vi hiện tại. Hoàn thành khi consumer có thể cung cấp cả action về trang chủ và action quay lại mà không cần sao chép layout của MissingPage.

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

Mô tả

Description

MissingPage currently supports only a single link/action via the toHomePageUrl prop (rendered as a "Go to home page" link). A common 404 page pattern includes multiple actions — typically both "Go Home" and "Go Back" buttons.

Use Case

In ansible/ansible-ui, our custom PageNotFound component renders two action buttons:

  • "Go to Dashboard" (navigate to home)

  • "Return to previous page" (browser back)

We cannot adopt MissingPage because it only renders one action.

Proposed Solution

Add support for custom footer actions, either via:

  • A customFooter or actions prop that accepts ReactNode (most flexible)

  • An additionalActions array prop alongside the existing toHomePageUrl

This would align with how other component-groups components like ErrorState support customFooter.

Current Workaround

We maintain a custom PageNotFound component that duplicates MissingPage's layout but adds a second button.

Jira Issue: PF-4547

Ngôn ngữ chính
TypeScript
Star
10
Fork
40
Merge trung bình
3 ngày 22 giờ
Pull request đã merge (30 ngày)
4

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

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 patternfly/react-component-groups

Tất cả issue của patternfly/react-component-groups

Issue tương tự

Thêm issue về TypeScript

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.