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

BUG: “New Campaign” button inactive — CreateCampaignDialog not opening popup

Aperta
  • Qualcosa non va?
#141 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@shubham220420 ci sta già lavorando.

Dal 8/11/2025.

  • #171 di @SandeepChauhan00 — chiusa senza merge

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
42/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react, typescript
Ambito
frontend

Direzione di ricerca

Inizia eseguendo il progetto con npm run dev o pnpm dev e ispeziona l'utilizzo di CreateCampaignDialog nel Dashboard. Leggi la gestione di Dialog, DialogTrigger, DialogContent e children-prop nella finestra di dialogo, quindi verifica che facendo clic su New Campaign venga montato il modulo a più passaggi e sia possibile inviare la campagna senza errori nella console.

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

Descrizione

Is there an existing issue for this?
  • I have searched the existing issues
What happened?

📌 Issue Overview

The “New Campaign” button on the Dashboard is unresponsive.
When clicked, the CreateCampaignDialog modal should open, but nothing happens.
No console errors are displayed, and the dialog content is not rendered.

This prevents users from launching a new campaign and breaks a core workflow of the Sponsorship system.

🔍 Steps to Reproduce

  • Run the project locally (npm run dev or pnpm dev).

  • Navigate to http://localhost:5173/dashboard.

  • Click on the New Campaign button at the top of the Dashboard.

Observe that no dialog appears and the popup does not open.

🎯 Expected Behavior

🎯 Expected Behavior

  • Clicking New Campaign should trigger the CreateCampaignDialog modal.

  • The multi-step interactive form should appear for campaign creation.

  • Users should be able to fill out the form and submit campaign data.

🚨 Actual Behavior

  • The New Campaign button does not open any popup.

  • The dialog content never mounts in the DOM.

  • The button visually responds (hover color changes), but no state update or dialog visibility occurs.

📷 Screenshot

https://github.com/user-attachments/assets/a759defd-d197-434f-9086-b68ad121e3b5

💡 Suggested Improvements

Confirm that <CreateCampaignDialog> accepts children props properly:

interface CreateCampaignDialogProps {
  children: React.ReactNode;
}

Ensure that it uses <DialogTrigger asChild>{children}</DialogTrigger> instead of its own internally.

Re-import and replace usage in Dashboard with:

<CreateCampaignDialog>
  <Button className="bg-purple-600 hover:bg-purple-700 text-white px-6 py-2 rounded-lg text-sm">
    <DollarSign className="mr-2 h-4 w-4" />
    New Campaign
  </Button>
</CreateCampaignDialog>

Verify that all @/components/ui/dialog dependencies (Dialog, DialogTrigger, DialogContent, etc.) are correctly registered.

If the issue persists, check for overlapping z-index conflicts or overflow: hidden on a parent container.

Record
  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Lingua principale
TypeScript
Stelle
101
Fork
145
Merge medio
32m
PR unite (30g)
2

Preparare l'ambiente

  • Nessun Dockerfile né file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

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 AOSSIE-Org/InPactAI

Tutte le issue di AOSSIE-Org/InPactAI

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.