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

refactor(home): standardize "Install tracking" empty state using EmptyState component

Aperta Adatta ai principianti
  • Qualcosa non va?
#1,138 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@ANSHSINGH050404 ci sta già lavorando.

Dal 17/10/2026.

  • #1139 di @ANSHSINGH050404 — aperta

Valutazione

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

Direzione di ricerca

Aggiorna lo stato vuoto del monitoraggio delle installazioni in apps/dashboard/app/(main)/home/page.tsx sostituendo il layout ad hoc di Card con il componente condiviso <EmptyState /> di @databuddy/ui. Inizia leggendo la logica di showSetupPrompt e controllando come il componente condiviso viene utilizzato altrove nella dashboard. Il lavoro è completato quando i nuovi siti web o quelli vuoti mostrano il prompt standardizzato per il monitoraggio delle installazioni e il comportamento esistente del prompt rimane invariato; successivamente esegui i controlli pertinenti della dashboard.

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

Descrizione

Description
Background

Currently, the homepage uses an ad-hoc implementation of a Card component to prompt users to install tracking on new or empty websites. This approach
creates a design inconsistency compared to other parts of the platform that utilize the shared component from @databuddy/ui.

The Problem
  • Inconsistency: The custom card layout in the Home page does not align with the standardized empty state patterns used elsewhere in the dashboard.
  • Maintenance: Hardcoding the layout in page.tsx makes it harder to update the visual style for setup prompts globally.
The Solution

Refactor the showSetupPrompt logic in apps/dashboard/app/(main)/home/page.tsx to utilize the shared @databuddy/ui component. This will:

  1. Ensure the setup prompt is visually consistent with other empty states in the application.
  2. Reduce code duplication.
  3. Improve the polish and professional feel of the dashboard's "first-run" experience.
Lingua principale
TypeScript
Stelle
1.2k
Fork
227
Merge medio
1g 21m
PR unite (30g)
249

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 databuddy-analytics/Databuddy

Tutte le issue di databuddy-analytics/Databuddy

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.