@dexhunterio/swaps

Dex Hunter - Swap Component

How to development

• Update your code in /src/main.tsx
• Run the demo by editing the code in src/App.tsx
• Build the library to test with the command:

  npm run build
  

  Your library will be located in /dist
• To test library, let update code in src/App.tsx

  - import Swap from "./app/main";
  + import Swap from '../dist/main'
  + import '../dist/assets/style.css'
  

How to publish library

• Update version patch:

  npm version patch
  

• Publish to npm:

  npm publish
  

How to use library

• Install package:

  npm i @hungnm192/swap-test
  

• Import to your code:

  import Swap from '@hungnm192/swap-test'
  import '@hungnm192/swap-test/dist/assets/style.css'
  ...
  

• Use Swap Component:

  function App() {
      const [isOpenWallet, setIsOpenWallet] = useState(false)
      return <div>
        <Swap openWallet={isOpenWallet} onOpenWallet={(open) => setIsOpenWallet(open)} />
        <button onClick={() => setIsOpenWallet(true)} className="text-white">OpenWallet</button>
      </div>;
  }