patternfly / patternfly/react-component-groups
MissingPage: support multiple action buttons
Personne n'a encore pris cette issue.
- Langage dominant
- TypeScript
- Étoiles
- 10
- Forks
- 40
- Merge moyen
- 3 j 22 h
- PR mergées (30 j)
- 4
Description
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
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par lire le composant MissingPage et comparez son API de footer avec ErrorState, qui prend déjà en charge customFooter. Vérifiez comment l’action toHomePageUrl existante est rendue, puis ajoutez un moyen pris en charge de rendre plusieurs actions personnalisées tout en préservant le comportement actuel. Le travail est terminé lorsque les consommateurs peuvent fournir à la fois des actions d’accueil et de retour sans dupliquer la mise en page de MissingPage.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react, typescript
- Domaine
- frontend
- Type d'issue
- Fonctionnalité
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- Calme
- Clarté
- Plutôt claire
- Accessibilité débutants
- 68/100