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

Extract hardcoded UI strings in the landing hero and header into lib/copy

Aperta Adatta ai principianti
#951 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
72/100
Tipo di issue
Refactoring
Chiarezza
Abbastanza chiara
Stato di attività
Attiva
Stack tecnologico
nextjs, typescript
Ambito
frontend

Direzione di ricerca

Inizia da components/landing/hero.tsx, poi leggi lib/copy/dashboard.ts e lib/copy/streams.ts per capire come sono strutturati i moduli di copy esistenti. Crea lib/copy/landing.ts e sposta ogni stringa visibile all'utente senza modificarla, incluse le etichette, gli aria-label, i toast e i placeholder. L'issue nomina l'header ma non indica alcun file per esso, quindi verifica dove si trovano le sue stringhe prima di iniziare. È completato quando nel componente non restano letterali di stringa, i test esistenti passano e l'interfaccia renderizzata non cambia.

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

Descrizione

frontend good first issue

Description

Most pages now keep user-facing text in lib/copy/* modules, but the landing hero and header still hardcodes its labels, aria-labels, toasts and placeholders inline.

Location

components/landing/hero.tsx. Existing examples: lib/copy/dashboard.ts, lib/copy/streams.ts.

Task

Move every user-visible string into lib/copy/landing.ts and import it in the component. Keep wording identical.

Acceptance criteria

  • No user-visible string literals remain in the component
  • Existing tests still pass (update string imports in tests if needed)
  • UI is unchanged

Good for contributors because

Mechanical refactor following an established pattern.

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.