BUG: “New Campaign” button inactive — CreateCampaignDialog not opening popup #141
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
create.Campaign.webm
💡 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