Provide better feedback in UI when input is invalid

Aperta
  • Qualcosa non va?
#312 0 commenti 1 reazione 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Funzionalità
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Inizia tracciando il comportamento della validazione della UI per Voting Delay e Proposal Threshold, quindi esamina i controlli Copy, Open in Remix e Download. Confronta il modo in cui vengono attualmente presentati gli errori dei campi e gli aggiornamenti bloccati. Il lavoro è completato quando gli input non validi sono segnalati chiaramente, tutti gli errori rilevanti sono visibili e le azioni di esportazione o copia spiegano perché non sono disponibili finché gli errori non vengono corretti.

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

Descrizione

enhancement

Certain input fields in the UI perform validations on the input, and would show an error on that field if the input is deemed to be invalid.

If a field has an error, no other input takes effect until the error is fixed.
If multiple fields have errors, only the first one is shown. For example, this can be seen when inputting just a in both Voting Delay and Proposal Threshold for Governor.

This can be improved to give better feedback to the user, in case the user did not notice the error. If the user keeps making input changes while there is an error, they may not realize that the resulting contract is not being updated, and may download or copy the stale contract anyways.

Specifically, consider:

  • Making input errors more obvious (e.g. always showing the error message, not just when hovering over the field).
  • Disabling the Copy, Open in Remix, or Download buttons until all errors are fixed, and show a hover message for those on why they are disabled.
  • Allowing multiple errors to be shown at the same time.
Lingua principale
TypeScript
Stelle
296
Fork
188
Merge medio
3h 24m
PR unite (30g)
11

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 OpenZeppelin/contracts-wizard

Tutte le issue di OpenZeppelin/contracts-wizard

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.