@melosstudio/sonus-iframe-test v1.0.10

Usage

1.Install sonusIframe NPM package

yarn add @melosstudio/sonus-iframe-test 
# or
npm i @melosstudio/sonus-iframe-test 

2.Then you can add sonusIframe to your Dapp

import { SonusIFrame } from "@melosstudio/sonus-iframe-test";


const SonusIfrname = () => {

// callback 
  const callBack = (music: SonusMusic) => {
    console.log(music);
   /// .....
  };
  return (
    <SonusIFrame
      appKey={appKey}   // MELOS issued appKey，
      chainId={chainId}  // chain ID
      contract={contract}  // contract address
      tokenId={tokenId}  //tokenId
      address={address}  // user's wallet address
      sig={sig}   //wallet sig
      width={'580px'} //Modal Width
      onSonusMusicReady={callBack}  // callback function
      onClose={callBack} // close callback functon
    />
  );
};

export default SonusIfrname;