patternfly / patternfly/react-component-groups
MissingPage: support multiple action buttons
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
customFooteroractionsprop that acceptsReactNode(most flexible) -
An
additionalActionsarray prop alongside the existingtoHomePageUrl
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
Erste Schritte
- Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
- Forke das Repository und arbeite in einem Branch.
- Ö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