astra-modal-test 1.0.5 → 1.0.7

package/dist/wallet-CAHsZdfj.js

@@ -0,0 +1,12 @@
+import { D as c } from "./index-ClS956E1.js";
+const v = c`<svg fill="none" viewBox="0 0 20 20">
+  <path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M0 5.5c0-1.8 1.46-3.25 3.25-3.25H14.5c1.8 0 3.25 1.46 3.25 3.25v.28A3.25 3.25 0 0 1 20 8.88v2.24c0 1.45-.94 2.68-2.25 3.1v.28c0 1.8-1.46 3.25-3.25 3.25H3.25A3.25 3.25 0 0 1 0 14.5v-9Zm15.75 8.88h-2.38a4.38 4.38 0 0 1 0-8.76h2.38V5.5c0-.69-.56-1.25-1.25-1.25H3.25C2.56 4.25 2 4.81 2 5.5v9c0 .69.56 1.25 1.25 1.25H14.5c.69 0 1.25-.56 1.25-1.25v-.13Zm-2.38-6.76a2.37 2.37 0 1 0 0 4.75h3.38c.69 0 1.25-.55 1.25-1.24V8.87c0-.69-.56-1.24-1.25-1.24h-3.38Z"
+    clip-rule="evenodd"
+  />
+</svg>`;
+export {
+  v as walletSvg
+};

package/dist/wallet-placeholder-agbbreqw.js

@@ -0,0 +1,18 @@
+import { D as a } from "./index-ClS956E1.js";
+const v = a`
+  <svg fill="none" viewBox="0 0 48 44">
+    <path
+      style="fill: var(--wui-color-bg-300);"
+      d="M4.56 8.64c-1.23 1.68-1.23 4.08-1.23 8.88v8.96c0 4.8 0 7.2 1.23 8.88.39.55.87 1.02 1.41 1.42C7.65 38 10.05 38 14.85 38h14.3c4.8 0 7.2 0 8.88-1.22a6.4 6.4 0 0 0 1.41-1.42c.83-1.14 1.1-2.6 1.19-4.92a6.4 6.4 0 0 0 5.16-4.65c.21-.81.21-1.8.21-3.79 0-1.98 0-2.98-.22-3.79a6.4 6.4 0 0 0-5.15-4.65c-.1-2.32-.36-3.78-1.19-4.92a6.4 6.4 0 0 0-1.41-1.42C36.35 6 33.95 6 29.15 6h-14.3c-4.8 0-7.2 0-8.88 1.22a6.4 6.4 0 0 0-1.41 1.42Z"
+    />
+    <path
+      style="fill: var(--wui-color-fg-200);"
+      fill-rule="evenodd"
+      d="M2.27 11.33a6.4 6.4 0 0 1 6.4-6.4h26.66a6.4 6.4 0 0 1 6.4 6.4v1.7a6.4 6.4 0 0 1 5.34 6.3v5.34a6.4 6.4 0 0 1-5.34 6.3v1.7a6.4 6.4 0 0 1-6.4 6.4H8.67a6.4 6.4 0 0 1-6.4-6.4V11.33ZM39.6 31.07h-6.93a9.07 9.07 0 1 1 0-18.14h6.93v-1.6a4.27 4.27 0 0 0-4.27-4.26H8.67a4.27 4.27 0 0 0-4.27 4.26v21.34a4.27 4.27 0 0 0 4.27 4.26h26.66a4.27 4.27 0 0 0 4.27-4.26v-1.6Zm-6.93-16a6.93 6.93 0 0 0 0 13.86h8a4.27 4.27 0 0 0 4.26-4.26v-5.34a4.27 4.27 0 0 0-4.26-4.26h-8Z"
+      clip-rule="evenodd"
+    />
+  </svg>
+`;
+export {
+  v as walletPlaceholderSvg
+};

package/dist/walletconnect-Yd8iXqY9.js

@@ -0,0 +1,36 @@
+import { D as l } from "./index-ClS956E1.js";
+const t = l`<svg fill="none" viewBox="0 0 96 67">
+  <path
+    fill="currentColor"
+    d="M25.32 18.8a32.56 32.56 0 0 1 45.36 0l1.5 1.47c.63.62.63 1.61 0 2.22l-5.15 5.05c-.31.3-.82.3-1.14 0l-2.07-2.03a22.71 22.71 0 0 0-31.64 0l-2.22 2.18c-.31.3-.82.3-1.14 0l-5.15-5.05a1.55 1.55 0 0 1 0-2.22l1.65-1.62Zm56.02 10.44 4.59 4.5c.63.6.63 1.6 0 2.21l-20.7 20.26c-.62.61-1.63.61-2.26 0L48.28 41.83a.4.4 0 0 0-.56 0L33.03 56.21c-.63.61-1.64.61-2.27 0L10.07 35.95a1.55 1.55 0 0 1 0-2.22l4.59-4.5a1.63 1.63 0 0 1 2.27 0L31.6 43.63a.4.4 0 0 0 .57 0l14.69-14.38a1.63 1.63 0 0 1 2.26 0l14.69 14.38a.4.4 0 0 0 .57 0l14.68-14.38a1.63 1.63 0 0 1 2.27 0Z"
+  />
+  <path
+    stroke="#000"
+    stroke-opacity=".1"
+    d="M25.67 19.15a32.06 32.06 0 0 1 44.66 0l1.5 1.48c.43.42.43 1.09 0 1.5l-5.15 5.05a.31.31 0 0 1-.44 0l-2.07-2.03a23.21 23.21 0 0 0-32.34 0l-2.22 2.18a.31.31 0 0 1-.44 0l-5.15-5.05a1.05 1.05 0 0 1 0-1.5l1.65-1.63ZM81 29.6l4.6 4.5c.42.41.42 1.09 0 1.5l-20.7 20.26c-.43.43-1.14.43-1.57 0L48.63 41.47a.9.9 0 0 0-1.26 0L32.68 55.85c-.43.43-1.14.43-1.57 0L10.42 35.6a1.05 1.05 0 0 1 0-1.5l4.59-4.5a1.13 1.13 0 0 1 1.57 0l14.68 14.38a.9.9 0 0 0 1.27 0l-.35-.35.35.35L47.22 29.6a1.13 1.13 0 0 1 1.56 0l14.7 14.38a.9.9 0 0 0 1.26 0L79.42 29.6a1.13 1.13 0 0 1 1.57 0Z"
+  />
+</svg>`, C = l`
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_22274_4692)">
+<path d="M0 6.64C0 4.17295 0 2.93942 0.525474 2.01817C0.880399 1.39592 1.39592 0.880399 2.01817 0.525474C2.93942 0 4.17295 0 6.64 0H9.36C11.8271 0 13.0606 0 13.9818 0.525474C14.6041 0.880399 15.1196 1.39592 15.4745 2.01817C16 2.93942 16 4.17295 16 6.64V9.36C16 11.8271 16 13.0606 15.4745 13.9818C15.1196 14.6041 14.6041 15.1196 13.9818 15.4745C13.0606 16 11.8271 16 9.36 16H6.64C4.17295 16 2.93942 16 2.01817 15.4745C1.39592 15.1196 0.880399 14.6041 0.525474 13.9818C0 13.0606 0 11.8271 0 9.36V6.64Z" fill="#C7B994"/>
+<path d="M4.49038 5.76609C6.42869 3.86833 9.5713 3.86833 11.5096 5.76609L11.7429 5.99449C11.8398 6.08938 11.8398 6.24323 11.7429 6.33811L10.9449 7.11942C10.8964 7.16686 10.8179 7.16686 10.7694 7.11942L10.4484 6.80512C9.09617 5.48119 6.90381 5.48119 5.5516 6.80512L5.20782 7.14171C5.15936 7.18915 5.08079 7.18915 5.03234 7.14171L4.23434 6.3604C4.13742 6.26552 4.13742 6.11167 4.23434 6.01678L4.49038 5.76609ZM13.1599 7.38192L13.8702 8.07729C13.9671 8.17217 13.9671 8.32602 13.8702 8.4209L10.6677 11.5564C10.5708 11.6513 10.4137 11.6513 10.3168 11.5564L8.04388 9.33105C8.01965 9.30733 7.98037 9.30733 7.95614 9.33105L5.6833 11.5564C5.58638 11.6513 5.42925 11.6513 5.33234 11.5564L2.12982 8.42087C2.0329 8.32598 2.0329 8.17213 2.12982 8.07724L2.84004 7.38188C2.93695 7.28699 3.09408 7.28699 3.191 7.38188L5.46392 9.60726C5.48815 9.63098 5.52743 9.63098 5.55166 9.60726L7.82447 7.38188C7.92138 7.28699 8.07851 7.28699 8.17543 7.38187L10.4484 9.60726C10.4726 9.63098 10.5119 9.63098 10.5361 9.60726L12.809 7.38192C12.9059 7.28703 13.063 7.28703 13.1599 7.38192Z" fill="#202020"/>
+</g>
+<defs>
+<clipPath id="clip0_22274_4692">
+<path d="M0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`, L = l`
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="11" cy="11" r="11" transform="matrix(-1 0 0 1 23 1)" fill="#202020"/>
+<circle cx="11" cy="11" r="11.5" transform="matrix(-1 0 0 1 23 1)" stroke="#C7B994" stroke-opacity="0.7"/>
+<path d="M15.4523 11.0686L16.7472 9.78167C13.8205 6.87297 10.1838 6.87297 7.25708 9.78167L8.55201 11.0686C10.7779 8.85645 13.2279 8.85645 15.4538 11.0686H15.4523Z" fill="#C7B994"/>
+<path d="M15.0199 14.067L12 11.0656L8.98 14.067L5.96004 11.0656L4.66663 12.3511L8.98 16.6393L12 13.638L15.0199 16.6393L19.3333 12.3511L18.0399 11.0656L15.0199 14.067Z" fill="#C7B994"/>
+</svg>
+`;
+export {
+  L as walletConnectBrownSvg,
+  C as walletConnectLightBrownSvg,
+  t as walletConnectSvg
+};

package/dist/warning-circle-C0hqC6h_.js

@@ -0,0 +1,16 @@
+import { D as l } from "./index-ClS956E1.js";
+const e = l`<svg fill="none" viewBox="0 0 20 20">
+  <path
+    fill="currentColor"
+    d="M11 6.67a1 1 0 1 0-2 0v2.66a1 1 0 0 0 2 0V6.67ZM10 14.5a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z"
+  />
+  <path
+    fill="currentColor"
+    fill-rule="evenodd"
+    d="M10 1a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm-7 9a7 7 0 1 1 14 0 7 7 0 0 1-14 0Z"
+    clip-rule="evenodd"
+  />
+</svg>`;
+export {
+  e as warningCircleSvg
+};

package/dist/x-mark-D9_ai2sI.js

@@ -0,0 +1,7 @@
+import { D as l } from "./index-ClS956E1.js";
+const e = l`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M1.9659 1.96541C2.30063 1.63067 2.84334 1.63067 3.17808 1.96541L6.00056 4.78789L8.82304 1.96541C9.15777 1.63067 9.70049 1.63067 10.0352 1.96541C10.37 2.30014 10.37 2.84285 10.0352 3.17759L7.21274 6.00007L10.0352 8.82255C10.37 9.15729 10.37 9.7 10.0352 10.0347C9.70049 10.3695 9.15777 10.3695 8.82304 10.0347L6.00056 7.21225L3.17808 10.0347C2.84334 10.3695 2.30063 10.3695 1.9659 10.0347C1.63116 9.7 1.63116 9.15729 1.9659 8.82255L4.78837 6.00007L1.9659 3.17759C1.63116 2.84285 1.63116 2.30014 1.9659 1.96541Z" fill="currentColor"/>
+</svg>`;
+export {
+  e as xMarkSvg
+};

package/dist/x-z6v1Jegg.js

@@ -0,0 +1,16 @@
+import { D as l } from "./index-ClS956E1.js";
+const h = l`<svg fill="none" viewBox="0 0 41 40">
+  <g clip-path="url(#a)">
+    <path fill="#000" d="M.8 0h40v40H.8z" />
+    <path
+      fill="#fff"
+      d="m22.63 18.46 7.14-8.3h-1.69l-6.2 7.2-4.96-7.2H11.2l7.5 10.9-7.5 8.71h1.7l6.55-7.61 5.23 7.61h5.72l-7.77-11.31Zm-9.13-7.03h2.6l11.98 17.13h-2.6L13.5 11.43Z"
+    />
+  </g>
+  <defs>
+    <clipPath id="a"><path fill="#fff" d="M.8 20a20 20 0 1 1 40 0 20 20 0 0 1-40 0Z" /></clipPath>
+  </defs>
+</svg>`;
+export {
+  h as xSvg
+};

package/eslint.config.mjs

@@ -5,7 +5,7 @@ import reactHooks from 'eslint-plugin-react-hooks'
 import reactRefresh from 'eslint-plugin-react-refresh'
 
 export default [
-  { ignores: ['dist'] },
+  { ignores: ['dist', 'node_modules/', 'src/lib/bolt11.min.js'] },
   {
     files: ['**/*.{js,jsx}'],
     languageOptions: {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "astra-modal-test",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "license": "MIT",
   "main": "dist/astra-sdk.es.js",
-  "type":"module",
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -12,27 +12,28 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.5.2",
-    "@reown/appkit": "^1.6.0",
-    "@reown/appkit-adapter-wagmi": "^1.6.0",
-    "@tanstack/react-query": "^5.62.7",
+    "@reown/appkit": "^1.6.4",
+    "@reown/appkit-adapter-wagmi": "^1.6.4",
+    "@tanstack/react-query": "^5.64.1",
     "ahooks": "^3.8.4",
     "antd": "^5.22.4",
     "axios": "^1.7.9",
+    "consola": "^3.4.2",
     "dayjs": "^1.11.13",
     "decimal.js": "^10.4.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "^6.1.13",
-    "viem": "^2.21.54",
-    "wagmi": "^2.14.0",
+    "viem": "^2.22.9",
+    "wagmi": "^2.14.8",
     "zustand": "^5.0.2"
   },
   "peerDependencies": {
-    "@reown/appkit": "^1.6.0",
-    "@reown/appkit-adapter-wagmi": "^1.6.0",
-    "@tanstack/react-query": "^5.62.7",
-    "viem": "^2.21.54",
-    "wagmi": "^2.14.0"
+    "@reown/appkit": "^1.6.4",
+    "@reown/appkit-adapter-wagmi": "^1.6.4",
+    "@tanstack/react-query": "^5.64.1",
+    "viem": "^2.22.9",
+    "wagmi": "^2.14.8"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
@@ -45,7 +46,7 @@
     "eslint-plugin-react-refresh": "^0.4.14",
     "globals": "^15.12.0",
     "vite": "^6.0.3",
-    "vite-plugin-node-polyfills": "^0.22.0",
+    "vite-plugin-node-polyfills": "^0.24.0",
     "vite-plugin-style-import": "^2.0.0"
   }
 }

package/src/apis/lspApi.js

@@ -3,57 +3,80 @@ export const getTransaction = ({ hashlock }) => {
   const request = getRequest();
   return request.get(`/api/lsp/transaction`, {
     params: {
-      hashlock: hashlock
-    }
+      hashlock: hashlock,
+    },
   });
 };
-export const getReserveInfo = ({ assetId, chainId, pairName }) => {
+export const getReserveInfo = ({ chainId, pairId }) => {
   const request = getRequest();
   return request.get(`/api/lsp/reserveInfo`, {
     params: {
-      assetId,
       chainId,
-      pairName
-    }
+      pairId,
+    },
   });
-}
+};
 export const getPairs = ({ chainId }) => {
   const request = getRequest();
   return request.get(`/api/lsp/pairs`, {
     params: {
-      chainId
-    }
+      chainId,
+    },
   });
-}
-export const getSignature = ({ chainId, amount, pairName }) => {
+};
+export const getSignature = ({ chainId, amount, pairId }) => {
   const request = getRequest();
   return request.post(`/api/lsp/signature`, {
     chainId,
     amount,
-    pairName
-
+    pairId,
   });
-
-}
-export const toLightning = ({ assetId, chainId, amount, lnInvoice, depositTx }) => {
+};
+export const toLightning = ({
+  pairId,
+  chainId,
+  amount,
+  lnInvoice,
+  depositTx,
+}) => {
   const request = getRequest();
   return request.post(`/api/lsp/toLightning`, {
-    assetId,
+    pairId,
     chainId,
     amount,
     lnInvoice,
-    depositTx
+    depositTx,
   });
-}
+};
 
-export const toEVM = ({ assetId, chainId, amount, hashlock, pairName, depositTx }) => {
+export const toEVM = ({ pairId, chainId, amount, hashlock, depositTx }) => {
   const request = getRequest();
   return request.post(`/api/lsp/toEVM`, {
-    assetId,
+    pairId,
     chainId,
     hashlock,
     amount,
-    pairName,
-    depositTx
+    depositTx,
+  });
+};
+export const getContractConfig = () => {
+  const request = getRequest();
+  return request.get(`/api/lsp/contractConfig`, { params: {} });
+};
+export const getAssetPayReq = ({ payReq, assetId }) => {
+  const request = getRequest();
+  return request.get(`/api/lsp/assetPayReq`, {
+    params: {
+      payReq,
+      assetId,
+    },
+  });
+};
+export const bridgeIntervalStatus = ({ address }) => {
+  const request = getRequest();
+  return request.get(`/api/lsp/bridgeIntervalStatus`, {
+    params: {
+      address,
+    },
   });
-}
+};

package/src/assets/network/bsc.svg

@@ -0,0 +1,13 @@
+<svg  viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="1.33333" y="1.33333" width="25.3333" height="25.3333" rx="12.6667" fill="url(#pattern0_541_54110)" stroke="url(#paint0_linear_541_54110)" stroke-width="1.33333"/>
+<defs>
+<pattern id="pattern0_541_54110" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_541_54110" transform="scale(0.00183824)"/>
+</pattern>
+<linearGradient id="paint0_linear_541_54110" x1="14" y1="2" x2="14" y2="26" gradientUnits="userSpaceOnUse">
+<stop stop-color="#666666"/>
+<stop offset="0.84964" stop-color="#666666" stop-opacity="0"/>
+</linearGradient>
+<image id="image0_541_54110" width="544" height="544" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/src/comps/AstraImage.jsx

@@ -2,22 +2,36 @@ import iconNetworkEth from "../assets/network/eth.png";
 // /import iconNetworkSol from "../assets/network/solona.png";
 import iconNetworkBase from "../assets/network/base.png";
 import iconNetorkLightning from "../assets/network/ligtning.svg";
-
+import iconNetworkBsc from "../assets/network/bsc.svg";
+import iconNetworkArbitrum from "../assets/network/Arbitrum.png";
+import iconNetworkPolygon from "../assets/network/Polygon.png";
+import iconNetworkSolana from "../assets/network/Solana.png";
 import iconAssetUSDC from "../assets/tokens/usdc.png";
 import iconAssetUSDT from "../assets/tokens/usdt.png";
-
+import iconAssetPay from "../assets/pay.png";
+import iconNetworkBotanix from "../assets/network/botanix.png";
+import iconLN from "../assets/ln.png";
 const ASSET_NAME_URI_MAP = {
   Sepolia: iconNetworkEth,
   Ethereum: iconNetworkEth,
+  "Botanix Testnet": iconNetworkBotanix,
+  "Botanix Mainnet": iconNetworkBotanix,
+  Botanix: iconNetworkBotanix,
   "Base Sepolia": iconNetworkBase,
   Base: iconNetworkBase,
   Lightning: iconNetorkLightning,
   USDT: iconAssetUSDT,
   USDC: iconAssetUSDC,
+  PAY: iconAssetPay,
+  "BNB Smart Chain": iconNetworkBsc,
+  Arbitrum: iconNetworkArbitrum,
+  Solana: iconNetworkSolana,
+  Polygon: iconNetworkPolygon,
+  LN: iconLN,
 };
 export default function AstraImg({ name, width = "20px", height = "20px" }) {
   const url = ASSET_NAME_URI_MAP[name];
   const src = url ? url : "";
-  const style = { width, height };
+  const style = { width, height, borderRadius: "50%" };
   return <img src={src} alt="astra" style={style} />;
 }

package/src/comps/AstraModal.jsx

@@ -1,6 +1,10 @@
-/* eslint-disable react/prop-types */
-import { useEffect, useLayoutEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Modal, Flex, message } from "antd";
+import Decimal from "decimal.js";
+Decimal.set({
+  toExpNeg: -20,
+  toExpPos: 40,
+});
 import { useChains, useChainId } from "wagmi";
 import useStore from "../store/index.js";
 import styled, { createGlobalStyle } from "styled-components";
@@ -11,6 +15,7 @@ import ToToken from "./ToToken.jsx";
 import { useGetPairs } from "../hooks/useLspApi.js";
 import ResultModal from "./ResultModal.jsx";
 import ClashDisplayFont from "../font/ClashDisplay-Variable.ttf";
+
 const GlobalStyle = createGlobalStyle`
   @font-face {
     font-family: 'ClashDisplay';
@@ -106,7 +111,7 @@ const ModalWrapper = styled.div`
   padding-top: 10px;
 `;
 
-export default function AstraModal({ astraApiUri }) {
+export default function AstraModal() {
   const chains = useChains();
   const chainId = useChainId();
   const {
@@ -115,7 +120,6 @@ export default function AstraModal({ astraApiUri }) {
     setAstraModalShow,
     astraModalShow,
     modalDisplayType,
-    setAstrApiUrl,
   } = useStore();
 
   const [messageApi, contextHolder] = message.useMessage();
@@ -134,15 +138,11 @@ export default function AstraModal({ astraApiUri }) {
     }
   }, [chainId, chains, setTargetNetwork]);
 
-  useLayoutEffect(() => {
-    setAstrApiUrl(astraApiUri);
-  }, [astraApiUri, setAstrApiUrl]);
-
   return (
     <>
       <GlobalStyle />
       <div>
-        {astraModalShow && (
+        {astraModalShow ? (
           <StyledModal
             title={
               <ModalTitleWrapper>
@@ -181,16 +181,22 @@ export default function AstraModal({ astraApiUri }) {
               <AstraModalLogo />
             </ModalWrapper>
           </StyledModal>
+        ) : (
+          <></>
         )}
         {contextHolder}
       </div>
-      <ResultModal
-        messageApi={messageApi}
-        resultModalShow={resultModalShow}
-        requestData={resultModalRequest}
-        setResultModalRequest={setResultModalRequest}
-        setResultModalShow={setResultModalShow}
-      />
+      {resultModalShow ? (
+        <ResultModal
+          messageApi={messageApi}
+          resultModalShow={resultModalShow}
+          requestData={resultModalRequest}
+          setResultModalRequest={setResultModalRequest}
+          setResultModalShow={setResultModalShow}
+        />
+      ) : (
+        <></>
+      )}
     </>
   );
 }

package/src/comps/AstraModalLogo.jsx

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import { Select, Form, Flex, Spin, Button } from "antd";
+
 import IconPowerby from "../assets/powerby.svg";
 const AstraLogo = styled.div`
   margin-top: 24px;
@@ -11,16 +11,16 @@ const AstraLogo = styled.div`
   color: #fff;
   font-family: ClashDisplay;
 `;
-const BalanceFlex = styled(Flex)`
-  .available_token_balance {
-    font-size: 12px;
-    color: #fff;
-  }
-`;
-export default function AstraModalLogo({ messageApi, balance }) {
+// const BalanceFlex = styled(Flex)`
+//   .available_token_balance {
+//     font-size: 12px;
+//     color: #fff;
+//   }
+// `;
+export default function AstraModalLogo() {
   return (
     <AstraLogo>
-      Power By <img src={IconPowerby} alt="" />
+      Powered By <img src={IconPowerby} alt="" />
     </AstraLogo>
   );
 }