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

[Docs] sistent/getting-started/usage : Working with Icons preview doesn't match code and snippet imports non-existent icons

Aperta Adatta ai principianti
#8,257 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 3 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
1/5
Tempo stimato
1-3 ore
Idoneità per principianti
82/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, react

Direzione di ricerca

Inizia da src/sections/Projects/Sistent/getting-started/usage/index.js e confronta l’anteprima Working with Icons con il relativo frammento di codice. Controlla gli export di @sistent/sistent per confermare i componenti icona con nome. Il lavoro è completato quando l’anteprima usa gli stessi componenti icona del frammento e quest’ultimo importa direttamente le quattro icone esportate.

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

Descrizione

framework/gatsby help wanted kind/bug
Description

In the Working with Icons section:

  1. Preview doesn't match the code. The preview renders plain Buttons with emoji (🔍, 📥, Menu ☰, ❤️), while the code block uses icon components (SearchIcon, DownloadIcon) and icon-only IconButtons for Menu and Favorite.
  2. Snippet imports are invalid. The code block imports Search, Download and Favorite from @sistent/sistent, which aren't exported, and Menu as MenuIcon imports the Menu dropdown component instead of an icon. Copy-pasting the snippet fails. Sistent exports these icons as SearchIcon, MenuIcon, DownloadIcon and FavoriteIcon.

Source: src/sections/Projects/Sistent/getting-started/usage/index.js

Related: #7857 (tooltip mismatch in the same section)

Expected Behavior
  • The preview renders the same components as the code block (real icons, icon-only buttons for Menu and Favorite).
  • The snippet imports SearchIcon, MenuIcon, DownloadIcon and FavoriteIcon directly from @sistent/sistent.
Screenshots
Image Image
Environment:
  • Host OS: Windows 11
  • Browser: Brave

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

Lingua principale
JavaScript
Stelle
1.1k
Fork
1.7k
Merge medio
6g 22h
PR unite (30g)
22

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 layer5io/layer5

Tutte le issue di layer5io/layer5

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.