diff --git a/components/bounty-detail/bounty-detail-mobile-cta.tsx b/components/bounty-detail/bounty-detail-mobile-cta.tsx index db4e6fc5..5cfd3383 100644 --- a/components/bounty-detail/bounty-detail-mobile-cta.tsx +++ b/components/bounty-detail/bounty-detail-mobile-cta.tsx @@ -1,5 +1,6 @@ "use client"; +import { useState } from "react"; import { XCircle, Loader2, Users, Gavel } from "lucide-react"; import { Button } from "@/components/ui/button"; import { Textarea } from "@/components/ui/textarea"; @@ -22,6 +23,7 @@ import { ApplicationDialog, } from "@/components/bounty/application-dialog"; import { useBountyCTAState } from "./use-bounty-cta-state"; +import { RaiseDisputeDialog } from "./raise-dispute-dialog"; type SidebarBounty = BountyFieldsFragment & Partial; @@ -31,6 +33,8 @@ interface MobileCTAProps { } export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) { + const [disputeDialogOpen, setDisputeDialogOpen] = useState(false); + const { walletAddress, hasJoined, @@ -179,18 +183,25 @@ export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) { )} - {/* Mobile Raise Dispute — coming soon */} + {/* Mobile Raise Dispute */} {canRaiseDispute && ( )} + {/* Mobile Raise Dispute Dialog */} + + {/* Mobile Cancel Dialog */}