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

fix(dashboard): connecting one social identity shows loading on all provider buttons

Aperta Adatta ai principianti
#1,106 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
82/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
nextjs, react, typescript
Ambito
frontend

Direzione di ricerca

Inizia da apps/dashboard/app/(main)/settings/account/page.tsx intorno alle righe 780-782, dove entrambi i pulsanti Connect dei social passano il flag condiviso linkSocial.isPending. Segui il pattern di caricamento per singolo elemento che lo stesso file già usa per la disconnessione delle app, e controlla la gestione di loading del Button in packages/ui/src/components/button.tsx intorno alle righe 228-239. È completato quando solo il provider cliccato mostra uno spinner con aria-busy, l'altro resta inattivo ma disabilitato finché il flusso non si conclude, e il percorso del toast di errore resta invariato.

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

Descrizione

Repro: /settings/account\ -> Connected identities -> click Connect on Google -> both the Google and GitHub buttons show a loading spinner. Root cause: both Connect buttons bind \loading={linkSocial.isPending}\ (one shared mutation, \pps/dashboard/app/(main)/settings/account/page.tsx:780-782), so a single click flips the global flag and every provider button renders its spinner (\packages/ui/src/components/button.tsx:228-239). The same file already scopes per-item loading for app-disconnects via \ ariables; the social buttons missed that pattern. Acceptance: only the clicked provider shows the spinner (\ria-busy); the other stays visibly idle while remaining disabled until the flow resolves; error-toast path unchanged.

Image

https://github.com/user-attachments/assets/a1aafeb5-6504-4fa6-9727-630c35ba1d6e

Lingua principale
TypeScript
Stelle
1.2k
Fork
227
Merge medio
21h 11m
PR unite (30g)
238

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.

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.