diff --git a/components/bounty-detail/bounty-detail-mobile-cta.tsx b/components/bounty-detail/bounty-detail-mobile-cta.tsx index db4e6fc5..555ce2a4 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; @@ -57,6 +59,8 @@ export function MobileCTA({ bounty, onCancelled }: MobileCTAProps) { applyForSlotButtonLabel, } = useBountyCTAState({ bounty, onCancelled }); + const [disputeDialogOpen, setDisputeDialogOpen] = useState(false); + return (
{isFcfs ? ( @@ -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 */}