\n
\n \n Your wallet\n \n
\n\n \n
\n \n \n {adapter?.getAddress()}\n \n
\n \n \n
\n \n
\n \n Connect to wallet\n \n
\n\n \n
\n - \n
- \n MetaMask\n \n
\n \n
\n - \n MathWallet\n \n
\n \n
\n
\n
\n );\n};\n","import React from \"react\";\nimport { Button } from \"../../Components/Button\";\n\nimport \"./HomeHeader.scss\";\n\nexport const HomeHeader = () => {\n return (\n \n \n setConnectionModal(true)}\n >\n {adapter ? adapter.getAddress() : \"Connect a Wallet\"}\n \n \n Go to uTrade\n \n \n\n setConnectionModal(false)}\n />\n setConnectionModal(false)}\n />\n
\n {children}
\n \n
\n );\n};\n","import React from \"react\";\n\nimport \"./Body.scss\";\n\nexport const Body: React.FC = ({ children }) => {\n return \n
\n \n \n Transfer UNFI from Binance Smart Chain to Ethereum\n
\n \n BEP20 UNFI tokens on BSC can be deposited on this page and then\n transferred to Ethereum via the transfer bridge. You must input an\n Ethereum address for which you own the private key. Do not use an\n exchange wallet. If you make a typo, or paste the wrong address, or\n input a BSC address, your funds may be lost.\n
\n No refunds are possible for any reason. Unifi is not responsible for\n any loss, regardless of cause.\n
\n \n No refunds are possible for any reason. Unifi is not responsible for\n any loss, regardless of cause.\n
Instructions:
\n- \n
- Connect to Binance Smart Chain with a supported wallet. \n
- \n Enter an amount of BEP20 UNFI tokens to transfer to Ethereum.\n \n
- \n Enter an appropriate Ethereum address. See above for important\n details.\n \n
- Press the Transfer UNFI button. Network fees apply. \n
- Go to Claim page for ERC20 tokens. \n
\n \n \n \n
\n {children}
;\n};\n","export const Notification = {\n NO_WALLET: \"Connect a wallet before start.\",\n CONNECTED: \"Logged in.\",\n DISCONNECT: \"Disconnected.\",\n AUTHORIZE_WALLET: \"Authorizing your UNFI usage.\",\n CLAIM_SUCCESSFUL: \"Your claim has been processed.\",\n CLAIM_FAILED: \"Your claim has failed.\",\n STAKE_SUCCESSFUL: \"Your stake has been processed.\",\n STAKE_FAILED: \"Your stake has failed.\",\n DEPOSIT_SUCCESSFUL: \"Your deposit has been processed.\",\n DEPOSIT_FAILED: \"Your deposit has failed.\",\n UNSTAKE_SUCCESSFUL: \"Your unstake has been processed.\",\n UNSTAKE_FAILED: \"Your unstake has failed.\",\n INVALID_AMOUNT:\n \"Typed amount is invalid - Is not a number or is greater than your balances.\",\n INVALID_ADDRESS: \"Typed address is not a valid Ethereum address.\",\n};\n\nexport type NotificationType = keyof typeof Notification;\n","import React, { useCallback, useEffect } from \"react\";\nimport { useRecoilState, useRecoilValue } from \"recoil\";\nimport { AdapterBalance } from \"../../Adapter/IAdapter\";\nimport { Adapter } from \"../../Store/Adapter\";\nimport { Balances } from \"../../Store/Balance\";\nimport { useToasts } from \"react-toast-notifications\";\nimport { Emitter, EmitterAction } from \"../../Utils/EventEmitter\";\nimport { Notification, NotificationType } from \"../Notifications\";\nimport { useInterval } from \"../../Utils/useInterval\";\n\nexport const Updater = () => {\n const adapter = useRecoilValue(Adapter);\n const [, setBalances] = useRecoilState(Balances);\n const { addToast } = useToasts();\n\n const updateStateBalances = useCallback(\n (balances: AdapterBalance[]) => {\n balances.forEach((b) => {\n setBalances((state) => ({ ...state, [b.name]: b.balance }));\n });\n },\n [setBalances]\n );\n\n const fetchBalances = useCallback(() => {\n if (!adapter) return;\n adapter.getBalances();\n }, [adapter]);\n\n useEffect(() => {\n fetchBalances();\n Emitter.on(EmitterAction.BALANCE, updateStateBalances as any);\n Emitter.on(EmitterAction.REFRESH_BALANCES, fetchBalances as any);\n }, [adapter, updateStateBalances, fetchBalances]);\n\n useEffect(() => {\n const cb = (payload: {\n notification: NotificationType;\n type: \"error\" | \"warning\" | \"success\";\n }) => {\n addToast({Notification[payload.notification]}
, {\n appearance: payload.type,\n });\n };\n Emitter.on(EmitterAction.NOTIFICATION, cb as any);\n return () => {\n Emitter.off(EmitterAction.NOTIFICATION, cb);\n };\n }, [addToast]);\n\n useInterval(\n () => {\n Emitter.emit(EmitterAction.REFRESH_BALANCES);\n },\n adapter ? 5000 : null\n );\n\n return <>;\n};\n","import { useEffect, useRef } from \"react\";\n\nexport const useInterval = (callback: Function, delay?: number | null) => {\n const savedCallback = useRef{loading &&
;\n};\n\nexport default Loading;\n","import React from \"react\";\n// import { BrowserRouter as Router, Switch, Route } from \"react-router-dom\";\nimport { Home } from \"./Views/Home\";\nimport { Header } from \"./Components/Header\";\nimport { HomeHeader } from \"./Views/HomeHeader\";\nimport { Body } from \"./Components/Body\";\nimport { RecoilRoot } from \"recoil\";\nimport { Updater } from \"./Components/Updater\";\nimport Loading from \"./Components/Loading\";\nimport { ToastProvider } from \"react-toast-notifications\";\n\nimport \"./App.scss\";\n\nfunction App() {\n return (\n \n \n \n \n \n */}\n \n \n \n \n \n */}\n \n \n
\n );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n if (onPerfEntry && onPerfEntry instanceof Function) {\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n getCLS(onPerfEntry); \n getFID(onPerfEntry);\n getFCP(onPerfEntry);\n getLCP(onPerfEntry);\n getTTFB(onPerfEntry);\n });\n }\n}\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n