Function Page

src/app/bounty/page.tsx:12–151

()

import { Skeleton } from '@/components/ui/skeleton';

export default function Page() {
  const [isBountyDialogOpen, setIsBountyDialogOpen] = useState<boolean>(false);
  const [upiAddresses, setUpiAddresses] = useState<UpiId[]>([]);
  const [solanaAddresses, setSolanaAddresses] = useState<SolanaAddress[]>([]);
  const [bounties, setBounties] = useState<BountySubmission[]>([]);
  const [isLoading, setIsLoading] = useState<boolean>(true);

  const fetchPayoutMethods = async () => {
    const result = await getPayoutMethods();
    if (result.error) {
      return;
    }
    if (result) {
      setUpiAddresses(result.upiIds!);
      setSolanaAddresses(result.solanaAddresses!);
      setIsLoading(false);
    }
  };

  const fetchUserBounties = async () => {
    setIsLoading(true);
    try {
      const userBounties = await getUserBounties();

      const sortedBounties = userBounties.sort((a, b) => {
        return (
          new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
        );
      });

      setBounties(sortedBounties);
    } catch (error) {
      toast.error('Failed to fetch bounties');
    } finally {
      setIsLoading(false);
    }
  };

  useEffect(() => {
    fetchPayoutMethods();
    fetchUserBounties();
  }, []);

  const handleBountyDialogOpen = () => {
    if (upiAddresses?.length || solanaAddresses?.length) {
      setIsBountyDialogOpen(true);
    } else {
      toast.error('Add at least 1 payment method');
    }
  };

  const handleBountyDialogClose = () => {
    setIsBountyDialogOpen(false);
    fetchUserBounties();
  };

  return (
    <>