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

Adopt the Separator primitive for ad-hoc dividers

Aperta Adatta ai principianti
#45 1 commento 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@yogesh201sits ci sta già lavorando.

Dal 21/10/2026.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
78/100
Tipo di issue
Refactoring
Chiarezza
Specificata chiaramente
Stato di attività
Tranquilla
Stack tecnologico
next.js, tailwindcss, typescript
Ambito
frontend

Direzione di ricerca

Start with src/components/ui/separator.tsx, then search src/ for border-t border-border and bare <hr> elements. Review each match against the issue’s guidance to distinguish divider rules from structural borders, and use vertical orientation only where appropriate. Done means clear divider cases use Separator, structural borders remain unchanged, and pnpm build passes.

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

Descrizione

good first issue
Good first issue

The separator primitive ships but is unused in src/ — dividers are currently hand-rolled with border-t border-border in various places. The component inventory flags this directly ("separator is shipped but unused — adopt it where dividers are currently ad-hoc").

What to do
  • Find ad-hoc horizontal dividers (border-t border-border used purely as a rule, a bare <hr>, etc.) and replace them with <Separator /> where it's genuinely a divider — not structural borders on cards/inputs/sections.
  • Good candidates: list/section dividers inside menus and panels. Skip container borders (cards, inputs, the marketing footer/section frames) — those are intentional structure, not separators.
  • Use orientation="vertical" where a vertical rule is appropriate.
Acceptance
  • Separator is used for at least the clear divider cases
  • No structural/container borders were changed
  • No visual regression; pnpm build passes
Pointers
  • Primitive: src/components/ui/separator.tsx (import @/components/ui/separator)
  • Search for border-t border-border to find candidates; use judgment per the guidance above
Lingua principale
TypeScript
Stelle
3
Fork
6
Merge medio
13h 29m
PR unite (30g)
56

Preparare l'ambiente

Apri in Codespaces

Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.

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 grasshopper-protocol/grsshppr

Tutte le issue di grasshopper-protocol/grsshppr

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.