@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-lib
  

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

  - import Swap from "./app/main";
  + import Swap from '../lib/main'
  + import '../lib/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 @dexhunterio/swaps
  

• Import to your code:

  import Swap from '@dexhunterio/swaps'
  import '@dexhunterio/swaps/lib/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>;
  }