plebdevs/src/components/zaps/ZapForm.js

import React, { useEffect } from 'react';
import { nip19 } from 'nostr-tools';
import appConfig from '@/config/appConfig';

const ZapForm = ({ event }) => {
  const nAddress = nip19.naddrEncode({
    kind: event?.kind,
    pubkey: event?.pubkey,
    identifier: event.d,
    relays: appConfig.defaultRelayUrls,
  });

  return (
    <iframe
      src={`https://zapper.nostrapps.org/zap?id=${nAddress}`}
      width="100%"
      height="100%"
      style={{ border: 'none' }}
      title="zapper app"
    ></iframe>
  );
};

export default ZapForm;