patternfly / patternfly/react-component-groups

MissingPage: support multiple action buttons

Offen
#969 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Vorherrschende Sprache
TypeScript
Sterne
10
Forks
40
Ø Merge
3 T. 22 Std.
Gemergte PRs (30 T.)
4

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Lies zunächst die MissingPage-Komponente und vergleiche ihre Footer-API mit ErrorState, das bereits customFooter unterstützt. Bestätige, wie die bestehende toHomePageUrl-Aktion gerendert wird, und füge dann eine unterstützte Möglichkeit hinzu, mehrere benutzerdefinierte Aktionen zu rendern, wobei das aktuelle Verhalten erhalten bleibt. Als abgeschlossen gilt die Änderung, wenn Consumer sowohl Home- als auch Zurück-Aktionen bereitstellen können, ohne das MissingPage-Layout zu duplizieren.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
68/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.