Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

add UI feedback after saving a routine

Aperta
#1,114 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
45/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Start from the routine edit screen where the "Save" button lives (the before/after screenshots show the routine form); trace the save mutation/handler to see where success or failure is already known. Check the codebase for an existing toast or notification convention before adding a new reusable button-state component. Done looks like: clicking Save briefly renders a ✅ on success or ❎ on failure, then reverts to the normal label. Note the issue is 385 days old with zero comments and no reply on Discord, so confirm a maintainer still wants it before investing.

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

Descrizione

Hi, I noticed that when editing a routine and hitting "Save", the data actually gets saved (after checked), but there’s no clear feedback in the UI.
I didn’t see any success message, so it feels a bit confusing — I wasn’t sure if the changes went through.
(I also tried asking on Discord but didn’t get a reply yet )

Before saving:
Image

After saving:
Image

Here’s an idea:
after clicking save, the button could briefly show ❎ if it fails or ✅ if it succeeds, then switch back to the normal "Save" button.

This could probably be made as a reusable component.

Lingua principale
TypeScript
Stelle
37
Fork
94
Merge medio
2g 6h
PR unite (30g)
13

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 wger-project/react

Tutte le issue di wger-project/react

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.