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

未关闭
#141 2 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

@shubham220420 已经在做这个了。

开始于 2025年11月8日。

  • #171 来自 @SandeepChauhan00 —— 已关闭,未合并

评估

难度
3/5
预计耗时
1-2 天
新手友好度
42/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
react, typescript
领域
frontend

调研方向

首先使用 npm run dev 或 pnpm dev 运行项目,并检查 Dashboard 对 CreateCampaignDialog 的使用。阅读对话框中 Dialog、DialogTrigger、DialogContent 以及 children-prop 的处理,然后验证点击 New Campaign 会挂载多步骤表单,并且可以在没有控制台错误的情况下提交 campaign。

由索引模型根据 Issue 内容生成。

描述

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

主要语言
TypeScript
星标
104
派生
144
平均合并
32 分钟
30 天内合并 PR
2

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 有 Pull Request 模板
  • 没有贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

AOSSIE-Org/InPactAI 的其他 Issue

查看 AOSSIE-Org/InPactAI 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。