patternfly / patternfly/react-component-groups

MissingPage: support multiple action buttons

Ouverte
#969 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

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 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

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. 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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.