Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

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

Open
  • Is something wrong?
#141 2 comments 0 reactions 0 assignees View on GitHub

@shubham220420 is already working on this.

Since Nov 8, 2025.

  • #171 by @SandeepChauhan00 — closed without merging

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
react, typescript
Domain
frontend

Research direction

Start by running the project with npm run dev or pnpm dev and inspect the Dashboard usage of CreateCampaignDialog. Read the dialog's Dialog, DialogTrigger, DialogContent, and children-prop handling, then verify that clicking New Campaign mounts the multi-step form and allows campaign submission without console errors.

Written by the indexing model from the issue text.

Description

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

Dominant language
TypeScript
Stars
101
Forks
145
No merged PRs in 30d

Getting set up

  • No Dockerfile or Docker Compose file
  • Has a pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from AOSSIE-Org/InPactAI

All issues in AOSSIE-Org/InPactAI

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.