Share one PageNotice across the Trust Policies, Firewall and Previews pages

Aperta Adatta ai principianti
#2,053 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
82/100
Tipo di issue
Refactoring
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Inizia dai due componenti privati PageNotice in src/features/instance/config/trustPolicies/index.tsx e src/features/instance/config/waf/index.tsx, e da quello condiviso in src/features/instance/config/previews/PageNotice.tsx. Sposta il componente in src/features/instance/config/PageNotice.tsx, poi importalo da tutte e tre le pagine ed elimina le copie. È completato quando le tre pagine renderizzano lo stesso p con le stesse classi e non ci sono altre modifiche al comportamento.

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

Descrizione

Three config pages render the same page-level notice with their own copy of one component:

  • src/features/instance/config/trustPolicies/index.tsx (private PageNotice)
  • src/features/instance/config/waf/index.tsx (private PageNotice)
  • src/features/instance/config/previews/PageNotice.tsx, exported and shared within the Previews page, added in #2045

All three are <p className="rounded-md border p-4 text-sm text-muted-foreground">{children}</p>. A change to how these notices look has to be made three times.

Fix: move the component to a module that belongs to the config section, not to one page (for example src/features/instance/config/PageNotice.tsx), and import it from all three pages. Importing the Previews copy from Trust Policies and Firewall would make those pages depend on the Previews feature. There should be no visible change.

Found by the pre-push review of #2045 and deferred from that PR as pre-existing.

Review-Deferral: f1d6177ca3e258b0 severity=nit category=maintainability

Lingua principale
TypeScript
Stelle
5
Fork
4
Merge medio
1g 20h
PR unite (30g)
140

Preparare l'ambiente

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 HarperFast/studio

Tutte le issue di HarperFast/studio

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.