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

Add Storybook stories for EmptyStreams

Chiusa Adatta ai principianti
#970 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@Mystery-CLI ci sta già lavorando.

Dal 16/10/2026.

  • #1004 di @Mystery-CLI — integrata

Valutazione

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

Direzione di ricerca

Il componente è components/streams/empty-state.tsx; leggi prima le sue props TypeScript, poi copia la struttura di components/ui/badge.stories.tsx per il nuovo file. Aggiungi una story per lo stato predefinito, per il titolo e la descrizione personalizzati e per la variante senza il pulsante di creazione, mockando gli hook o i provider necessari al componente. Fatto quando npm run storybook mostra tutte e tre le story e npx tsc --noEmit non segnala errori nel file della story.

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

Descrizione

documentation frontend good first issue

Description

EmptyStreams has no stories, so its states can't be reviewed in isolation.

Location

components/streams/empty-state.tsx. Stories live next to the component as *.stories.tsx (see components/ui/badge.stories.tsx).

Task

Add a *.stories.tsx covering:

  • default
  • custom title/description
  • without create button

Use the component's real props (check its TypeScript props) and mock hooks/providers where needed.

Acceptance criteria

  • Stories render in npm run storybook
  • npx tsc --noEmit reports no errors in the story file
  • Each listed state has a story

Good for contributors because

No app logic to change; a friendly way to learn the UI components.

Lingua principale
TypeScript
Stelle
1
Fork
144
Merge medio
11h 47m
PR unite (30g)
50

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 FlowwStar/FlowStar

Tutte le issue di FlowwStar/FlowStar

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.