MissingPage: support multiple action buttons

Aperta
#969 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
68/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia leggendo il componente MissingPage e confronta la sua API del footer con ErrorState, che supporta già customFooter. Verifica come viene renderizzata l’azione toHomePageUrl esistente, quindi aggiungi un modo supportato per renderizzare più azioni personalizzate mantenendo il comportamento attuale. Il lavoro è completo quando i consumer possono fornire sia azioni per la home sia azioni per tornare indietro senza duplicare il layout di MissingPage.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

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

Lingua principale
TypeScript
Stelle
10
Fork
40
Merge medio
3g 22h
PR unite (30g)
4

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di patternfly/react-component-groups

Tutte le issue di patternfly/react-component-groups

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.