\n {/* {connector !== injected && connector !== walletlink && (\n {\n (connector as any).close();\n }}\n >\n Disconnect\n \n )} */}\n {\n openOptions();\n }}\n >\n Change\n \n
\n \n
\n \n ) : (\n <>\n {ENSName}
\n\n
\n \n )}\n {account && shortenAddress(account)}
\n\n {account && (\n \n Copy Address\n \n )}\n {chainId && account && (\n \n
\n View on Etherscan
\n \n )}\n\n \n \n \n \n \n \n {pending ? (\n \n \n
\n );\n}\n","import i18next from 'i18next';\nimport { initReactI18next } from 'react-i18next';\n\n// 言語jsonファイルのimport\nimport translation_en from './en.json';\nimport translation_ja from './ja.json';\n\nconst resources = {\n ja: {\n translation: translation_ja,\n },\n en: {\n translation: translation_en,\n },\n};\n\ni18next.use(initReactI18next).init({\n resources,\n lng: 'ja',\n preload: ['ja'],\n interpolation: { escapeValue: false },\n});\n\nexport default i18next;\n","import { useWeb3React } from '@web3-react/core';\nimport { useState, useEffect } from 'react';\nimport styled from 'styled-components/macro';\nimport { NetworkContextName } from '../constants/misc';\nimport { useEagerConnect, useInactiveListener } from '../hooks/web3';\nimport { network } from '../infrastructures/connectors';\nimport Loader from './Loader';\n\nconst MessageWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n height: 20rem;\n`;\n\nconst Message = styled.h2`\n color: ${({ theme }) => theme.text1};\n`;\n\nexport default function Web3ReactManager({\n children,\n}: {\n children: JSX.Element;\n}) {\n const { active } = useWeb3React();\n const {\n active: networkActive,\n error: networkError,\n activate: activateNetwork,\n } = useWeb3React(NetworkContextName);\n\n // try to eagerly connect to an injected provider, if it exists and has granted access already\n const triedEager = useEagerConnect();\n\n // after eagerly trying injected, if the network connect ever isn't active or in an error state, activate itd\n useEffect(() => {\n if (triedEager && !networkActive && !networkError && !active) {\n activateNetwork(network);\n }\n }, [triedEager, networkActive, networkError, activateNetwork, active]);\n\n // when there's no account connected, react to logins (broadly speaking) on the injected provider, if it exists\n useInactiveListener(!triedEager);\n\n // handle delayed loader state\n const [showLoader, setShowLoader] = useState(false);\n useEffect(() => {\n const timeout = setTimeout(() => {\n setShowLoader(true);\n }, 600);\n\n return () => {\n clearTimeout(timeout);\n };\n }, []);\n\n // on page load, do nothing until we've tried to connect to the injected connector\n if (!triedEager) {\n return null;\n }\n\n // if the account context isn't active, and there's an error on the network context, it's an irrecoverable error\n if (!active && networkError) {\n return (\n \n
\n \n {switchSpring(cjpyPriceRank, colorCodePerTcr)}\n
\n {renderArrow(ethPriceRank)}
\n \n );\n}\n","import * as React from 'react';\n\nfunction SvgBattery10Charge(props) {\n return (\n \n
\n \n );\n}\n","import { Grid, GridItem, HStack } from '@chakra-ui/react';\nimport { useCallback, useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useYamatoStateForInfographics } from '../../state/yamato-entirety/hooks';\nimport { getEthChangePercent } from '../../utils/prices';\nimport {\n CategoryTitle,\n ConentBox,\n HeaderBox1,\n ItemTitleValue,\n} from '../CommonItem';\nimport TerminologyPopover from '../TerminologyPopover';\nimport CjpyPrice from './CjpyPrice';\nimport EthPrice from './EthPrice';\nimport Pool from './Pool';\nimport Tcr from './Tcr';\nimport {\n getReserveRankOfRedemption,\n getReserveRankOfSweep,\n getCjpyPriceRank,\n getColorCodePerTcr,\n getEthPriceRank,\n getSignalMessages,\n} from './functions';\n\nfunction getCjpyRank(rateOfCjpyJpy: [string, number]) {\n if (!rateOfCjpyJpy || !rateOfCjpyJpy[1]) {\n return 0;\n }\n\n const rawPrice = rateOfCjpyJpy[1];\n return getCjpyPriceRank(rawPrice);\n}\n\nexport interface InfographicsProps {\n // state.market\n rateOfCjpyJpy: [string, number][];\n\n // state.yamatoEntirety\n totalCollateral: number; // state.yamatoEntirety.lending.totalCollateral\n totalDebt: number; // state.yamatoEntirety.lending.totalDebt\n tcr: number; // state.yamatoEntirety.lending.tcr\n rateOfEthJpy: number; // state.yamatoEntirety.rateOfEthJpy\n prevRateOfEthJpy: number; // state.yamatoEntirety.prevRateOfEthJpy\n redemptionReserve: number; // state.yamatoEntirety.pool.redemptionReserve\n prevRedemptionReserve: number; // state.yamatoEntirety.pool.prevRedemptionReserve\n sweepReserve: number; // state.yamatoEntirety.pool.sweepReserve\n prevSweepReserve: number; // state.yamatoEntirety.pool.prevSweepReserve\n}\n\nexport function InfographicsHelp() {\n const { t } = useTranslation();\n return (\n \n {renderSignalMessages()}\n
\n \n
\n \n {\n setPendingError(false);\n connector && tryActivation(connector);\n }}\n >\n Try Again\n \n {connector === injected && (\n \n {t('walletConnectButton.walletModal.alert3')}\n \n )}\n
\n {t('walletConnectButton.walletModal.alert1')}
\n ) : (\n 'Error connecting. Try refreshing the page.'\n )}\n\n
\n \n {ENSName || shortenAddress(account)}\n \n )}\n \n