Experimental integration with linenext, require push to dev.ixswap.io

package.json

@@ -170,6 +170,7 @@
   "dependencies": {
     "@cyntler/react-doc-viewer": "^1.14.1",
     "@date-io/dayjs": "1.x",
+    "@linenext/dapp-portal-sdk": "^0.9.1",
     "@material-ui/core": "^4.12.3",
     "@material-ui/pickers": "4.0.0-alpha.12",
     "@metamask/detect-provider": "^2.0.0",

src/components/NotAvailablePage/ConnectWalletCard.tsx

@@ -6,11 +6,26 @@ import { useConnectModal } from '@rainbow-me/rainbowkit'
 import { ConnectWalletContainer } from './styled'
 import { PinnedContentButton } from 'components/Button'
 import { useWhitelabelState } from 'state/whitelabel/hooks'
+import DappPortalSDK from '@linenext/dapp-portal-sdk'
 
 const ConnectWalletCard = () => {
   const { config } = useWhitelabelState()
   const { openConnectModal } = useConnectModal()
 
+  const initLineNext = async () => {
+    const sdk = await DappPortalSDK.init({ clientId: 'bab621cd-1d1e-45ef-8b42-c2b0917c645a' })
+    const provider = sdk.getWalletProvider()
+
+    const accounts = (await provider.request({ method: 'kaia_requestAccounts' })) as any
+    const accountAddress = accounts[0]
+    console.log('accounts', accounts)
+    console.log('accountAddress', accountAddress)
+
+    if (accounts.length > 0) {
+      window.ethereum = provider
+    }
+  }
+
   return (
     <ConnectWalletContainer>
       <Text>
@@ -20,7 +35,7 @@ const ConnectWalletCard = () => {
         Please Connect <br /> your Wallet to use <br /> the Application.
       </div>
       {openConnectModal && (
-        <PinnedContentButton style={{ boxShadow: '0px 16px 16px 0px #6666FF21' }} onClick={openConnectModal}>
+        <PinnedContentButton style={{ boxShadow: '0px 16px 16px 0px #6666FF21' }} onClick={initLineNext}>
           <Text className="connect-wallet-button">
             <Trans>Connect Wallet</Trans>
           </Text>
@@ -63,4 +78,5 @@ const ConnectWalletCard = () => {
   )
 }
 
-export default ConnectWalletCard;
+export default ConnectWalletCard
+