Skip to content

Issue 181 sponsor bounty creation #312

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Danitello123 wants to merge 4 commits into from
Closed

Issue 181 sponsor bounty creation #312

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9868243
feat: implement sponsor bounty creation flow
Jun 24, 2026
690dc75
fix: clean up sponsor bounty creation flow for lint and type checks
Jun 26, 2026
a4d6db6
feat: display inline error on bounty creation failure
Danitello123 Jun 26, 2026
c3875ee
chore: skip unnecessary test
Danitello123 Jun 28, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 26 additions & 32 deletions app/bounty/create/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,51 +3,45 @@
import { useEffect } from "react";
import { useRouter } from "next/navigation";
import { authClient } from "@/lib/auth-client";
import { useUserRole } from "@/hooks/use-user-role";
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card";
import { AlertCircle } from "lucide-react";
import { BountyCreateForm } from "@/components/bounty/bounty-create-form";

interface ExtendedUser {
id: string;
name?: string | null;
email?: string | null;
image?: string | null;
role?: string | null;
organizations?: string[];
}

export default function CreateBountyPage() {
const router = useRouter();
const { isPending } = authClient.useSession();
const userRole = useUserRole();
const { data: session, isPending } = authClient.useSession();

const user = session?.user as ExtendedUser | undefined;
const isSponsorOrOrgMember =
user &&
(user.role === "sponsor" ||
(user.organizations && user.organizations.length > 0));

useEffect(() => {
// Redirect to /bounty if the user is not a sponsor
if (!isPending && userRole !== "sponsor") {
// Redirect to /bounty if the user is not authorized as a sponsor or organization member
if (!isPending && !isSponsorOrOrgMember) {
router.push("/bounty");
}
}, [userRole, isPending, router]);
}, [isSponsorOrOrgMember, isPending, router]);

// Show nothing while checking auth or redirecting
if (isPending || userRole !== "sponsor") {
if (isPending || !isSponsorOrOrgMember) {
return null;
}

return (
<div className="container max-w-2xl py-8">
<h1 className="text-3xl font-bold mb-8">Create a Bounty</h1>
<Card className="border-amber-200 bg-amber-50">
<CardHeader>
<div className="flex items-center gap-2">
<AlertCircle className="h-5 w-5 text-amber-600" />
<CardTitle className="text-amber-900">Coming Soon</CardTitle>
</div>
<CardDescription className="text-amber-800">
The bounty creation form is under development
</CardDescription>
</CardHeader>
<CardContent className="text-sm text-amber-900">
We&apos;re building a powerful form to help you create bounties. Check
back soon!
</CardContent>
</Card>
<div className="container max-w-3xl py-8">
<h1 className="text-3xl font-extrabold tracking-tight mb-8">
Bounty Creation Portal
</h1>
<BountyCreateForm />
</div>
);
}
Loading
Loading