Function NewPayoutDialog

src/components/NewPayoutDialog.tsx:26–123

({
  isOpen,
  onClose,
  title,
}: DialogProps)

}

export default function NewPayoutDialog({
  isOpen,
  onClose,
  title,
}: DialogProps) {
  if (!isOpen) return null;
  const fieldName = title === 'Solana' ? 'solanaAddress' : 'upiId';

  const [isLoading, setIsLoading] = useState<boolean>(false);

  const {
    handleSubmit,
    register,
    formState: { errors },
    reset,
  } = useForm<z.infer<typeof payoutMethodSchema>>({
    resolver: zodResolver(payoutMethodSchema),
  });

  const { execute: executeAddUpi } = useAction(addUpi, {
    onSuccess: () => {
      toast.success('UPI address added');
      setIsLoading(false);
      reset();
      onClose();
    },
    onError: (error) => {
      toast.error(error);
      setIsLoading(false);
    },
  });
  const { execute: executeAddSolanaAddress } = useAction(addSolanaAddress, {
    onSuccess: () => {
      toast.success('Solana address added');
      setIsLoading(false);
      reset();
      onClose();
    },
    onError: (error) => {
      toast.error(error);
      setIsLoading(false);
    },
  });

  interface formData {
    upiId?: string;
    solanaAddress?: string;
  }

  const onSubmit = (data: formData) => {
    try {
      setIsLoading(true);
      switch (title) {
        case 'UPI':
          executeAddUpi({ upiId: data.upiId || '' });
          break;
        case 'Solana':
          executeAddSolanaAddress({ solanaAddress: data.solanaAddress || '' });