diff --git a/.gitignore b/.gitignore
index f9e90e449..527ea9396 100755
--- a/.gitignore
+++ b/.gitignore
@@ -16,12 +16,17 @@
/src/static/contracts/compiled/*.ts
/src/static/compiled/*.json
+# next.js
+/.next/
+/out/
+
# production
/build
# misc
.DS_Store
+# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*
@@ -30,6 +35,7 @@ cypress/screenshots
cypress/videos
cypress.env.json
+# vercel
.now
.vercel
.env
diff --git a/.public/locales/en/translation.json b/.public/locales/en/translation.json
new file mode 100644
index 000000000..0bed846c1
--- /dev/null
+++ b/.public/locales/en/translation.json
@@ -0,0 +1,262 @@
+{
+ "Pool Assets": "Pool Assets",
+ "Pool Directory": "Pool Directory",
+ "Pool #": "Pool #",
+ "Supplied": "Supplied",
+ "Borrowed": "Borrowed",
+ "Risk Score": "Risk Score",
+ "Pool": "Pool",
+ "Tranches Directory": "Tranches Directory",
+ "Tranche": "Tranche",
+ "SFI APY": "SFI APY",
+ "Total APY": "Total APY",
+ "Whoops! Looks like something went wrong!": "Whoops! Looks like something went wrong!",
+ "You can either reload the page, or report this error to us on our": "You can either reload the page, or report this error to us on our",
+ "Pool Number": "Pool Number",
+ "Total Supplied": "Total Supplied",
+ "Total Borrowed": "Total Borrowed",
+ "Pool Risk Score": "Pool Risk Score",
+ "Asset": "Asset",
+ "Current Utilization": "Current Utilization",
+ "At risk positions are positions that are less than 110% collateralized.": "At risk positions are positions that are less than 110% collateralized.",
+ "Liquidatable positions are positions less than 100% collateralized.": "Liquidatable positions are positions less than 100% collateralized.",
+ "At Risk Positions": "At Risk Positions",
+ "Liquidatable Positions": "Liquidatable Positions",
+ "Disable the switch to just view liquidatable positions.": "Disable the switch to just view liquidatable positions.",
+ "Enable the switch to view 'at risk' positions.": "Enable the switch to view 'at risk' positions.",
+ "Borrow Ratio": "Borrow Ratio",
+ "Borrow Limit": "Borrow Limit",
+ "Limit Used": "Limit Used",
+ "Create Pool": "Create Pool",
+ "Name": "Name",
+ "Oracle": "Oracle",
+ "If enabled you will be able to limit the ability to supply to the pool to a select group of addresses. The pool will not show up on the 'all pools' list.": "If enabled you will be able to limit the ability to supply to the pool to a select group of addresses. The pool will not show up on the 'all pools' list.",
+ "Whitelisted": "Whitelisted",
+ "The percent, ranging from 0% to 100%, of a liquidatable account's borrow that can be repaid in a single liquidate transaction. If a user has multiple borrowed assets, the closeFactor applies to any single borrowed asset, not the aggregated value of a user’s outstanding borrowing. Compound's close factor is 50%.": "The percent, ranging from 0% to 100%, of a liquidatable account's borrow that can be repaid in a single liquidate transaction. If a user has multiple borrowed assets, the closeFactor applies to any single borrowed asset, not the aggregated value of a user’s outstanding borrowing. Compound's close factor is 50%.",
+ "Close Factor": "Close Factor",
+ "The additional collateral given to liquidators as an incentive to perform liquidation of underwater accounts. For example, if the liquidation incentive is 10%, liquidators receive an extra 10% of the borrowers collateral for every unit they close. Compound's liquidation incentive is 8%.": "The additional collateral given to liquidators as an incentive to perform liquidation of underwater accounts. For example, if the liquidation incentive is 10%, liquidators receive an extra 10% of the borrowers collateral for every unit they close. Compound's liquidation incentive is 8%.",
+ "Liquidation Incentive": "Liquidation Incentive",
+ "Create": "Create",
+ "Already added:": "Already added:",
+ "There are no assets in this pool.": "There are no assets in this pool.",
+ "Pool {{num}} Configuration": "Pool {{num}} Configuration",
+ "Assets:": "Assets:",
+ "None": "None",
+ "Whitelist": "Whitelist",
+ "Upgradeable": "Upgradeable",
+ "Renounce Ownership": "Renounce Ownership",
+ "Admin Rights Disabled": "Admin Rights Disabled",
+ "Assets Configuration": "Assets Configuration",
+ "Save": "Save",
+ "Add Asset": "Add Asset",
+ "Pool {{num}} Info": "Pool {{num}} Info",
+ "Metrics": "Metrics",
+ "Edit": "Edit",
+ "Available Liquidity": "Available Liquidity",
+ "Pool Utilization": "Pool Utilization",
+ "Admin (copied!)": "Admin (copied!)",
+ "Admin (click to copy)": "Admin (click to copy)",
+ "Platform Fee": "Platform Fee",
+ "Average Admin Fee": "Average Admin Fee",
+ "Unrecognized Oracle": "Unrecognized Oracle",
+ "Pool {{num}}'s {{token}} Stats": "Pool {{num}}'s {{token}} Stats",
+ "No graph is available for this asset's interest curves.": "No graph is available for this asset's interest curves.",
+ "Collateral Factor": "Collateral Factor",
+ "Reserve Factor": "Reserve Factor",
+ "Utilization": "Utilization",
+ "Keep this bar from filling up to avoid being liquidated!": "Keep this bar from filling up to avoid being liquidated!",
+ "This is how much you have borrowed.": "This is how much you have borrowed.",
+ "If your borrow amount reaches this value, you will be liquidated.": "If your borrow amount reaches this value, you will be liquidated.",
+ "Supply Balance:": "Supply Balance:",
+ "APY/WPY": "APY/WPY",
+ "Balance": "Balance",
+ "Collateral": "Collateral",
+ "Borrow Balance:": "Borrow Balance:",
+ "APR/WPR": "APR/WPR",
+ "Liquidity": "Liquidity",
+ "Liquidity is the amount of this asset that is available to borrow (unborrowed). To see how much has been supplied and borrowed in total, navigate to the Pool Info tab.": "Liquidity is the amount of this asset that is available to borrow (unborrowed). To see how much has been supplied and borrowed in total, navigate to the Pool Info tab.",
+ "Fuse": "Fuse",
+ "There's {{tvl}} supplied to Fuse, the first truly open interest rate protocol. Lend, borrow, and create isolated lending markets with unlimited flexibility.": "There's {{tvl}} supplied to Fuse, the first truly open interest rate protocol. Lend, borrow, and create isolated lending markets with unlimited flexibility.",
+ "Your Supply Balance": "Your Supply Balance",
+ "Your Borrow Balance": "Your Borrow Balance",
+ "Total Value Supplied Across Fuse": "Total Value Supplied Across Fuse",
+ "Search:": "Search:",
+ "Try searching for USDC": "Try searching for USDC",
+ "All Pools": "All Pools",
+ "My Pools": "My Pools",
+ "Created Pools": "Created Pools",
+ "Liquidations": "Liquidations",
+ "Pool #{{poolId}}": "Pool #{{poolId}}",
+ "Pool #{{poolId}} Info": "Pool #{{poolId}} Info",
+ "New Pool": "New Pool",
+ "Collateral factor can range from 0-90%, and represents the proportionate increase in liquidity (borrow limit) that an account receives by depositing the asset.": "Collateral factor can range from 0-90%, and represents the proportionate increase in liquidity (borrow limit) that an account receives by depositing the asset.",
+ "The fraction of interest generated on a given asset that is routed to the asset's Reserve Pool. The Reserve Pool protects lenders against borrower default and liquidation malfunction.": "The fraction of interest generated on a given asset that is routed to the asset's Reserve Pool. The Reserve Pool protects lenders against borrower default and liquidation malfunction.",
+ "The fraction of interest generated on a given asset that is routed to the asset's admin address as a fee.": "The fraction of interest generated on a given asset that is routed to the asset's admin address as a fee.",
+ "Admin Fee": "Admin Fee",
+ "The interest rate model chosen for an asset defines the rates of interest for borrowers and suppliers at different utilization levels.": "The interest rate model chosen for an asset defines the rates of interest for borrowers and suppliers at different utilization levels.",
+ "Interest Model": "Interest Model",
+ "Confirm": "Confirm",
+ "Token Address: 0xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX": "Token Address: 0xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
+ "Enter a valid amount to supply.": "Enter a valid amount to supply.",
+ "Enter a valid amount to borrow.": "Enter a valid amount to borrow.",
+ "Enter a valid amount to withdraw.": "Enter a valid amount to withdraw.",
+ "Enter a valid amount to repay.": "Enter a valid amount to repay.",
+ "Loading your balance of {{token}}...": "Loading your balance of {{token}}...",
+ "You don't have enough {{token}}!": "You don't have enough {{token}}!",
+ "You don't have enough {{token}} or are over-repaying!": "You don't have enough {{token}} or are over-repaying!",
+ "You cannot withdraw this much!": "You cannot withdraw this much!",
+ "You cannot borrow this much!": "You cannot borrow this much!",
+ "Check your wallet to submit the transactions": "Check your wallet to submit the transactions",
+ "Do not close this tab until you submit all transactions!": "Do not close this tab until you submit all transactions!",
+ "Enable As Collateral": "Enable As Collateral",
+ "Supply": "Supply",
+ "Withdraw": "Withdraw",
+ "Borrow": "Borrow",
+ "Repay": "Repay",
+ "Supply Balance": "Supply Balance",
+ "Supply APY": "Supply APY",
+ "Borrow APR": "Borrow APR",
+ "Debt Balance": "Debt Balance",
+ "MAX": "MAX",
+ "Rari Governance Token Price": "Rari Governance Token Price",
+ "RGT Supply": "RGT Supply",
+ "RGT Balance (Claimed)": "RGT Balance (Claimed)",
+ "Total Value Locked": "Total Value Locked",
+ "Account Balance": "Account Balance",
+ "Your balance in this pool": "Your balance in this pool",
+ "Extra returns from $RGT": "Extra returns from $RGT",
+ "Access": "Access",
+ "You may experience divergence loss when depositing stablecoins into the Yield Pool that are above their peg at the time of deposit. The Yield Pool is composed of various stablecoins which shift in value, causing your balance to fluctuate.": "You may experience divergence loss when depositing stablecoins into the Yield Pool that are above their peg at the time of deposit. The Yield Pool is composed of various stablecoins which shift in value, causing your balance to fluctuate.",
+ "Interest Earned": "Interest Earned",
+ "Latest Rari News": "Latest Rari News",
+ "Enter a valid amount to deposit.": "Enter a valid amount to deposit.",
+ "You don't have enough {{token}}.": "You don't have enough {{token}}.",
+ "Click confirm to continue!": "Click confirm to continue!",
+ "Do not close this tab until you submit both transactions!": "Do not close this tab until you submit both transactions!",
+ "You may close this tab after submitting the transaction.": "You may close this tab after submitting the transaction.",
+ "Deposit": "Deposit",
+ "Options": "Options",
+ "Want to withdraw?": "Want to withdraw?",
+ "Want to deposit?": "Want to deposit?",
+ "Sushiswap LP Rewards": "Sushiswap LP Rewards",
+ "Earn additional rewards for providing RGT liquidity on Sushiswap!": "Earn additional rewards for providing RGT liquidity on Sushiswap!",
+ "RGT-ETH Pool": "RGT-ETH Pool",
+ "Provide liquidity to the RGT-ETH pool to acquire LP tokens": "Provide liquidity to the RGT-ETH pool to acquire LP tokens",
+ "here": "here",
+ "and stake them for extra rewards!": "and stake them for extra rewards!",
+ "Total Staked (USD)": "Total Staked (USD)",
+ "Bonus Rewards End": "Bonus Rewards End",
+ "Bonus Rewards Begin": "Bonus Rewards Begin",
+ "Your Balance": "Your Balance",
+ "RGT Earned": "RGT Earned",
+ "Claim RGT": "Claim RGT",
+ "Deposit your LP tokens here to earn bonus RGT rewards!": "Deposit your LP tokens here to earn bonus RGT rewards!",
+ "Current APY": "Current APY",
+ "APY Based On Returns From": "APY Based On Returns From",
+ "This Month": "This Month",
+ "Extra yield from $RGT": "Extra yield from $RGT",
+ "This Week": "This Week",
+ "Compare Returns": "Compare Returns",
+ "Token Allocation": "Token Allocation",
+ "Recent Trades": "Recent Trades",
+ "Moved": "Moved",
+ "View Transaction History": "View Transaction History",
+ "Strategy Allocation": "Strategy Allocation",
+ "Currently earning": "Currently earning",
+ "Week": "Week",
+ "Month": "Month",
+ "Year": "Year",
+ "Max": "Max",
+ "Choose which token you want to deposit.": "Choose which token you want to deposit.",
+ "Choose which token you want to withdraw.": "Choose which token you want to withdraw.",
+ "You cannot withdraw this much {{token}}.": "You cannot withdraw this much {{token}}.",
+ "This pool has withdrawal & interest fees. Click to learn more.": "This pool has withdrawal & interest fees. Click to learn more.",
+ "This pool has performance fees. Click to learn more.": "This pool has performance fees. Click to learn more.",
+ "Click review + confirm to withdraw!": "Click review + confirm to withdraw!",
+ "High slippage of {{formattedSlippage}} for {{token}}, do you still wish to continue with this transaction?": "High slippage of {{formattedSlippage}} for {{token}}, do you still wish to continue with this transaction?",
+ "Prices and/or slippage have changed. Please reload the page and try again. If the problem persists, please contact us.": "Prices and/or slippage have changed. Please reload the page and try again. If the problem persists, please contact us.",
+ "Check your wallet to submit the transaction": "Check your wallet to submit the transaction",
+ "Do not increase the price of gas more than 1.5x the prefilled amount!": "Do not increase the price of gas more than 1.5x the prefilled amount!",
+ "Review": "Review",
+ "You may experience divergence loss in this pool. Click for more info.": "You may experience divergence loss in this pool. Click for more info.",
+ "You will deposit {{amount}}. Click confirm to approve.": "You will deposit {{amount}}. Click confirm to approve.",
+ "You will withdraw {{amount}} before fees. Click confirm to approve.": "You will withdraw {{amount}} before fees. Click confirm to approve.",
+ "You will withdraw {{amount}}. Click confirm to approve.": "You will withdraw {{amount}}. Click confirm to approve.",
+ "Select A Token": "Select A Token",
+ "Try searching for 'USDC'": "Try searching for 'USDC'",
+ "APY": "APY",
+ "Deposits": "Deposits",
+ "Interest": "Interest",
+ "Growth": "Growth",
+ "Total": "Total",
+ "Borrows": "Borrows",
+ "Lend APY": "Lend APY",
+ "Net Balance": "Net Balance",
+ "Debt": "Debt",
+ "Est. SFI Earnings": "Est. SFI Earnings",
+ "DAI-S": "DAI-S",
+ "DAI": "DAI",
+ "N/A": "N/A",
+ "DAI-A": "DAI-A",
+ "Pool2": "Pool2",
+ "RGT-ETH": "RGT-ETH",
+ "RGT": "RGT",
+ "Product": "Product",
+ "You need {{sfiMissing}} more SFI to deposit (1 SFI : {{sfiRatio}} {{tranchePool}})": "You need {{sfiMissing}} more SFI to deposit (1 SFI : {{sfiRatio}} {{tranchePool}})",
+ "{{trancheRating}} Tranche Deposit": "{{trancheRating}} Tranche Deposit",
+ "Tranches": "Tranches",
+ "Saffron Finance has not been fully audited. Take caution when entering these tranches and do not deposit more than you are comfortable losing.": "Saffron Finance has not been fully audited. Take caution when entering these tranches and do not deposit more than you are comfortable losing.",
+ "Access Saffron Finance tranches through the Rari Capital interface!": "Access Saffron Finance tranches through the Rari Capital interface!",
+ "Tranche Details": "Tranche Details",
+ "SFI and interest is distributed to LPs proportionally at the end of each epoch.": "SFI and interest is distributed to LPs proportionally at the end of each epoch.",
+ "Learn More": "Learn More",
+ "Liquidity added to other tranches as needed.": "Liquidity added to other tranches as needed.",
+ "Reduced interest earned. Covered in case of failure by A tranche.": "Reduced interest earned. Covered in case of failure by A tranche.",
+ "10x interest earned. Cover provided to AA tranche in case of failure.": "10x interest earned. Cover provided to AA tranche in case of failure.",
+ "Deposits are locked until the end of each 2 week epoch.": "Deposits are locked until the end of each 2 week epoch.",
+ "SFI staking is required to enter the A tranche!": "SFI staking is required to enter the A tranche!",
+ "Your balance in this tranche": "Your balance in this tranche",
+ "Epoch {{epoch}} Redemption Date": "Epoch {{epoch}} Redemption Date",
+ "Withdraw From Past Epochs": "Withdraw From Past Epochs",
+ "Principal Amount": "Principal Amount",
+ "Estimated SFI Earnings": "Estimated SFI Earnings",
+ "Current SFI Price": "Current SFI Price",
+ "SFI Pool Distributions": "SFI Pool Distributions",
+ "Buy Crypto": "Buy Crypto",
+ "Connect": "Connect",
+ "Account": "Account",
+ "Switch Wallet": "Switch Wallet",
+ "Disconnect": "Disconnect",
+ "Docs": "Docs",
+ "Notion": "Notion",
+ "Audit": "Audit",
+ "Version": "Version",
+ "Borrow Balance": "Borrow Balance",
+ "Borrow Credit": "Borrow Credit",
+ "Ratios": "Ratios",
+ "Total Debt": "Total Debt",
+ "Fuse Pool": "Fuse Pool",
+ "Pool2 Rewards": "Pool2 Rewards",
+ "Yield Aggregator Rewards": "Yield Aggregator Rewards",
+ "Private RGT": "Private RGT",
+ "Claimable RGT": "Claimable RGT",
+ "Claiming private RGT before October 20th, 2022 will result in a fraction of it being burned. This amount decreases from 100% linearly until the 20th when it will reach 0%.": "Claiming private RGT before October 20th, 2022 will result in a fraction of it being burned. This amount decreases from 100% linearly until the 20th when it will reach 0%.",
+ "Claiming private RGT now will result in a {{amount}}% burn/takeback": "Claiming private RGT now will result in a {{amount}}% burn/takeback",
+ "Home": "Home",
+ "Explore": "Explore",
+ "Positions": "Positions",
+ "Products": "Products",
+ "Governance": "Governance",
+ "This chart is generated using the APYs of each pool (shown at the bottom of this page). It introduces a random variance in the APY each day, with a max of 2x the current pool APY, and a minimum of 0% APY. It does not account for large changes in APY (greater than 2x), divergence loss in the Yield Pool, or take into account ETH price. The ETH Pool simulation is not denominated in ETH, instead it simulates returns on USD using the current APY of the ETH Pool. In the ETH pool you are exposed to the price movements of ETH (which is not shown or accounted for in this simulation).": "This chart is generated using the APYs of each pool (shown at the bottom of this page). It introduces a random variance in the APY each day, with a max of 2x the current pool APY, and a minimum of 0% APY. It does not account for large changes in APY (greater than 2x), divergence loss in the Yield Pool, or take into account ETH price. The ETH Pool simulation is not denominated in ETH, instead it simulates returns on USD using the current APY of the ETH Pool. In the ETH pool you are exposed to the price movements of ETH (which is not shown or accounted for in this simulation).",
+ "1 Year of Returns Simulated Using Current Yields": "1 Year of Returns Simulated Using Current Yields",
+ "Connect with a browser extension": "Connect with a browser extension",
+ "Scan with a wallet to connect": "Scan with a wallet to connect",
+ "Connect with your {{provider}} account": "Connect with your {{provider}} account",
+ "ETH Pool": "ETH Pool",
+ "Stable Pool": "Stable Pool",
+ "Yield Pool": "Yield Pool",
+ "Safe returns on ETH": "Safe returns on ETH",
+ "Safe returns on stablecoins": "Safe returns on stablecoins",
+ "High risk, high reward": "High risk, high reward",
+ "The Rari Protocol currently secures": "The Rari Protocol currently secures"
+}
diff --git a/.public/locales/zh-CN/translation.json b/.public/locales/zh-CN/translation.json
new file mode 100644
index 000000000..273cc24fe
--- /dev/null
+++ b/.public/locales/zh-CN/translation.json
@@ -0,0 +1,262 @@
+{
+ "Pool Assets": "__NOT_TRANSLATED__",
+ "Pool Directory": "__NOT_TRANSLATED__",
+ "Pool #": "__NOT_TRANSLATED__",
+ "Supplied": "__NOT_TRANSLATED__",
+ "Borrowed": "__NOT_TRANSLATED__",
+ "Risk Score": "__NOT_TRANSLATED__",
+ "Pool": "__NOT_TRANSLATED__",
+ "Tranches Directory": "__NOT_TRANSLATED__",
+ "Tranche": "__NOT_TRANSLATED__",
+ "SFI APY": "__NOT_TRANSLATED__",
+ "Total APY": "__NOT_TRANSLATED__",
+ "Whoops! Looks like something went wrong!": "__NOT_TRANSLATED__",
+ "You can either reload the page, or report this error to us on our": "__NOT_TRANSLATED__",
+ "Pool Number": "__NOT_TRANSLATED__",
+ "Total Supplied": "__NOT_TRANSLATED__",
+ "Total Borrowed": "__NOT_TRANSLATED__",
+ "Pool Risk Score": "__NOT_TRANSLATED__",
+ "Asset": "__NOT_TRANSLATED__",
+ "Current Utilization": "__NOT_TRANSLATED__",
+ "At risk positions are positions that are less than 110% collateralized.": "__NOT_TRANSLATED__",
+ "Liquidatable positions are positions less than 100% collateralized.": "__NOT_TRANSLATED__",
+ "At Risk Positions": "__NOT_TRANSLATED__",
+ "Liquidatable Positions": "__NOT_TRANSLATED__",
+ "Disable the switch to just view liquidatable positions.": "__NOT_TRANSLATED__",
+ "Enable the switch to view 'at risk' positions.": "__NOT_TRANSLATED__",
+ "Borrow Ratio": "__NOT_TRANSLATED__",
+ "Borrow Limit": "__NOT_TRANSLATED__",
+ "Limit Used": "__NOT_TRANSLATED__",
+ "Create Pool": "__NOT_TRANSLATED__",
+ "Name": "__NOT_TRANSLATED__",
+ "Oracle": "__NOT_TRANSLATED__",
+ "If enabled you will be able to limit the ability to supply to the pool to a select group of addresses. The pool will not show up on the 'all pools' list.": "__NOT_TRANSLATED__",
+ "Whitelisted": "__NOT_TRANSLATED__",
+ "The percent, ranging from 0% to 100%, of a liquidatable account's borrow that can be repaid in a single liquidate transaction. If a user has multiple borrowed assets, the closeFactor applies to any single borrowed asset, not the aggregated value of a user’s outstanding borrowing. Compound's close factor is 50%.": "__NOT_TRANSLATED__",
+ "Close Factor": "__NOT_TRANSLATED__",
+ "The additional collateral given to liquidators as an incentive to perform liquidation of underwater accounts. For example, if the liquidation incentive is 10%, liquidators receive an extra 10% of the borrowers collateral for every unit they close. Compound's liquidation incentive is 8%.": "__NOT_TRANSLATED__",
+ "Liquidation Incentive": "__NOT_TRANSLATED__",
+ "Create": "__NOT_TRANSLATED__",
+ "Already added:": "__NOT_TRANSLATED__",
+ "There are no assets in this pool.": "__NOT_TRANSLATED__",
+ "Pool {{num}} Configuration": "__NOT_TRANSLATED__",
+ "Assets:": "__NOT_TRANSLATED__",
+ "None": "__NOT_TRANSLATED__",
+ "Whitelist": "__NOT_TRANSLATED__",
+ "Upgradeable": "__NOT_TRANSLATED__",
+ "Renounce Ownership": "__NOT_TRANSLATED__",
+ "Admin Rights Disabled": "__NOT_TRANSLATED__",
+ "Assets Configuration": "__NOT_TRANSLATED__",
+ "Save": "__NOT_TRANSLATED__",
+ "Add Asset": "__NOT_TRANSLATED__",
+ "Pool {{num}} Info": "__NOT_TRANSLATED__",
+ "Metrics": "__NOT_TRANSLATED__",
+ "Edit": "__NOT_TRANSLATED__",
+ "Available Liquidity": "__NOT_TRANSLATED__",
+ "Pool Utilization": "__NOT_TRANSLATED__",
+ "Admin (copied!)": "__NOT_TRANSLATED__",
+ "Admin (click to copy)": "__NOT_TRANSLATED__",
+ "Platform Fee": "__NOT_TRANSLATED__",
+ "Average Admin Fee": "__NOT_TRANSLATED__",
+ "Unrecognized Oracle": "__NOT_TRANSLATED__",
+ "Pool {{num}}'s {{token}} Stats": "__NOT_TRANSLATED__",
+ "No graph is available for this asset's interest curves.": "__NOT_TRANSLATED__",
+ "Collateral Factor": "__NOT_TRANSLATED__",
+ "Reserve Factor": "__NOT_TRANSLATED__",
+ "Utilization": "__NOT_TRANSLATED__",
+ "Keep this bar from filling up to avoid being liquidated!": "__NOT_TRANSLATED__",
+ "This is how much you have borrowed.": "__NOT_TRANSLATED__",
+ "If your borrow amount reaches this value, you will be liquidated.": "__NOT_TRANSLATED__",
+ "Supply Balance:": "__NOT_TRANSLATED__",
+ "APY/WPY": "__NOT_TRANSLATED__",
+ "Balance": "__NOT_TRANSLATED__",
+ "Collateral": "__NOT_TRANSLATED__",
+ "Borrow Balance:": "__NOT_TRANSLATED__",
+ "APR/WPR": "__NOT_TRANSLATED__",
+ "Liquidity": "__NOT_TRANSLATED__",
+ "Liquidity is the amount of this asset that is available to borrow (unborrowed). To see how much has been supplied and borrowed in total, navigate to the Pool Info tab.": "__NOT_TRANSLATED__",
+ "Fuse": "__NOT_TRANSLATED__",
+ "There's {{tvl}} supplied to Fuse, the first truly open interest rate protocol. Lend, borrow, and create isolated lending markets with unlimited flexibility.": "__NOT_TRANSLATED__",
+ "Your Supply Balance": "__NOT_TRANSLATED__",
+ "Your Borrow Balance": "__NOT_TRANSLATED__",
+ "Total Value Supplied Across Fuse": "__NOT_TRANSLATED__",
+ "Search:": "__NOT_TRANSLATED__",
+ "Try searching for USDC": "__NOT_TRANSLATED__",
+ "All Pools": "__NOT_TRANSLATED__",
+ "My Pools": "__NOT_TRANSLATED__",
+ "Created Pools": "__NOT_TRANSLATED__",
+ "Liquidations": "__NOT_TRANSLATED__",
+ "Pool #{{poolId}}": "__NOT_TRANSLATED__",
+ "Pool #{{poolId}} Info": "__NOT_TRANSLATED__",
+ "New Pool": "__NOT_TRANSLATED__",
+ "Collateral factor can range from 0-90%, and represents the proportionate increase in liquidity (borrow limit) that an account receives by depositing the asset.": "__NOT_TRANSLATED__",
+ "The fraction of interest generated on a given asset that is routed to the asset's Reserve Pool. The Reserve Pool protects lenders against borrower default and liquidation malfunction.": "__NOT_TRANSLATED__",
+ "The fraction of interest generated on a given asset that is routed to the asset's admin address as a fee.": "__NOT_TRANSLATED__",
+ "Admin Fee": "__NOT_TRANSLATED__",
+ "The interest rate model chosen for an asset defines the rates of interest for borrowers and suppliers at different utilization levels.": "__NOT_TRANSLATED__",
+ "Interest Model": "__NOT_TRANSLATED__",
+ "Confirm": "__NOT_TRANSLATED__",
+ "Token Address: 0xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX": "__NOT_TRANSLATED__",
+ "Enter a valid amount to supply.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to borrow.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to withdraw.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to repay.": "__NOT_TRANSLATED__",
+ "Loading your balance of {{token}}...": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}}!": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}} or are over-repaying!": "__NOT_TRANSLATED__",
+ "You cannot withdraw this much!": "__NOT_TRANSLATED__",
+ "You cannot borrow this much!": "__NOT_TRANSLATED__",
+ "Check your wallet to submit the transactions": "__NOT_TRANSLATED__",
+ "Do not close this tab until you submit all transactions!": "__NOT_TRANSLATED__",
+ "Enable As Collateral": "__NOT_TRANSLATED__",
+ "Supply": "__NOT_TRANSLATED__",
+ "Withdraw": "__NOT_TRANSLATED__",
+ "Borrow": "__NOT_TRANSLATED__",
+ "Repay": "__NOT_TRANSLATED__",
+ "Supply Balance": "__NOT_TRANSLATED__",
+ "Supply APY": "__NOT_TRANSLATED__",
+ "Borrow APR": "__NOT_TRANSLATED__",
+ "Debt Balance": "__NOT_TRANSLATED__",
+ "MAX": "__NOT_TRANSLATED__",
+ "Rari Governance Token Price": "__NOT_TRANSLATED__",
+ "RGT Supply": "__NOT_TRANSLATED__",
+ "RGT Balance (Claimed)": "__NOT_TRANSLATED__",
+ "Total Value Locked": "__NOT_TRANSLATED__",
+ "Account Balance": "__NOT_TRANSLATED__",
+ "Your balance in this pool": "__NOT_TRANSLATED__",
+ "Extra returns from $RGT": "__NOT_TRANSLATED__",
+ "Access": "__NOT_TRANSLATED__",
+ "You may experience divergence loss when depositing stablecoins into the Yield Pool that are above their peg at the time of deposit. The Yield Pool is composed of various stablecoins which shift in value, causing your balance to fluctuate.": "__NOT_TRANSLATED__",
+ "Interest Earned": "__NOT_TRANSLATED__",
+ "Latest Rari News": "__NOT_TRANSLATED__",
+ "Enter a valid amount to deposit.": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}}.": "__NOT_TRANSLATED__",
+ "Click confirm to continue!": "__NOT_TRANSLATED__",
+ "Do not close this tab until you submit both transactions!": "__NOT_TRANSLATED__",
+ "You may close this tab after submitting the transaction.": "__NOT_TRANSLATED__",
+ "Deposit": "__NOT_TRANSLATED__",
+ "Options": "__NOT_TRANSLATED__",
+ "Want to withdraw?": "__NOT_TRANSLATED__",
+ "Want to deposit?": "__NOT_TRANSLATED__",
+ "Sushiswap LP Rewards": "__NOT_TRANSLATED__",
+ "Earn additional rewards for providing RGT liquidity on Sushiswap!": "__NOT_TRANSLATED__",
+ "RGT-ETH Pool": "__NOT_TRANSLATED__",
+ "Provide liquidity to the RGT-ETH pool to acquire LP tokens": "__NOT_TRANSLATED__",
+ "here": "__NOT_TRANSLATED__",
+ "and stake them for extra rewards!": "__NOT_TRANSLATED__",
+ "Total Staked (USD)": "__NOT_TRANSLATED__",
+ "Bonus Rewards End": "__NOT_TRANSLATED__",
+ "Bonus Rewards Begin": "__NOT_TRANSLATED__",
+ "Your Balance": "__NOT_TRANSLATED__",
+ "RGT Earned": "__NOT_TRANSLATED__",
+ "Claim RGT": "__NOT_TRANSLATED__",
+ "Deposit your LP tokens here to earn bonus RGT rewards!": "__NOT_TRANSLATED__",
+ "Current APY": "__NOT_TRANSLATED__",
+ "APY Based On Returns From": "__NOT_TRANSLATED__",
+ "This Month": "__NOT_TRANSLATED__",
+ "Extra yield from $RGT": "__NOT_TRANSLATED__",
+ "This Week": "__NOT_TRANSLATED__",
+ "Compare Returns": "__NOT_TRANSLATED__",
+ "Token Allocation": "__NOT_TRANSLATED__",
+ "Recent Trades": "__NOT_TRANSLATED__",
+ "Moved": "__NOT_TRANSLATED__",
+ "View Transaction History": "__NOT_TRANSLATED__",
+ "Strategy Allocation": "__NOT_TRANSLATED__",
+ "Currently earning": "__NOT_TRANSLATED__",
+ "Week": "__NOT_TRANSLATED__",
+ "Month": "__NOT_TRANSLATED__",
+ "Year": "__NOT_TRANSLATED__",
+ "Max": "__NOT_TRANSLATED__",
+ "Choose which token you want to deposit.": "__NOT_TRANSLATED__",
+ "Choose which token you want to withdraw.": "__NOT_TRANSLATED__",
+ "You cannot withdraw this much {{token}}.": "__NOT_TRANSLATED__",
+ "This pool has withdrawal & interest fees. Click to learn more.": "__NOT_TRANSLATED__",
+ "This pool has performance fees. Click to learn more.": "__NOT_TRANSLATED__",
+ "Click review + confirm to withdraw!": "__NOT_TRANSLATED__",
+ "High slippage of {{formattedSlippage}} for {{token}}, do you still wish to continue with this transaction?": "__NOT_TRANSLATED__",
+ "Prices and/or slippage have changed. Please reload the page and try again. If the problem persists, please contact us.": "__NOT_TRANSLATED__",
+ "Check your wallet to submit the transaction": "__NOT_TRANSLATED__",
+ "Do not increase the price of gas more than 1.5x the prefilled amount!": "__NOT_TRANSLATED__",
+ "Review": "__NOT_TRANSLATED__",
+ "You may experience divergence loss in this pool. Click for more info.": "__NOT_TRANSLATED__",
+ "You will deposit {{amount}}. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "You will withdraw {{amount}} before fees. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "You will withdraw {{amount}}. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "Select A Token": "__NOT_TRANSLATED__",
+ "Try searching for 'USDC'": "__NOT_TRANSLATED__",
+ "APY": "__NOT_TRANSLATED__",
+ "Deposits": "__NOT_TRANSLATED__",
+ "Interest": "__NOT_TRANSLATED__",
+ "Growth": "__NOT_TRANSLATED__",
+ "Total": "__NOT_TRANSLATED__",
+ "Borrows": "__NOT_TRANSLATED__",
+ "Lend APY": "__NOT_TRANSLATED__",
+ "Net Balance": "__NOT_TRANSLATED__",
+ "Debt": "__NOT_TRANSLATED__",
+ "Est. SFI Earnings": "__NOT_TRANSLATED__",
+ "DAI-S": "__NOT_TRANSLATED__",
+ "DAI": "__NOT_TRANSLATED__",
+ "N/A": "__NOT_TRANSLATED__",
+ "DAI-A": "__NOT_TRANSLATED__",
+ "Pool2": "__NOT_TRANSLATED__",
+ "RGT-ETH": "__NOT_TRANSLATED__",
+ "RGT": "__NOT_TRANSLATED__",
+ "Product": "__NOT_TRANSLATED__",
+ "You need {{sfiMissing}} more SFI to deposit (1 SFI : {{sfiRatio}} {{tranchePool}})": "__NOT_TRANSLATED__",
+ "{{trancheRating}} Tranche Deposit": "__NOT_TRANSLATED__",
+ "Tranches": "__NOT_TRANSLATED__",
+ "Saffron Finance has not been fully audited. Take caution when entering these tranches and do not deposit more than you are comfortable losing.": "__NOT_TRANSLATED__",
+ "Access Saffron Finance tranches through the Rari Capital interface!": "__NOT_TRANSLATED__",
+ "Tranche Details": "__NOT_TRANSLATED__",
+ "SFI and interest is distributed to LPs proportionally at the end of each epoch.": "__NOT_TRANSLATED__",
+ "Learn More": "__NOT_TRANSLATED__",
+ "Liquidity added to other tranches as needed.": "__NOT_TRANSLATED__",
+ "Reduced interest earned. Covered in case of failure by A tranche.": "__NOT_TRANSLATED__",
+ "10x interest earned. Cover provided to AA tranche in case of failure.": "__NOT_TRANSLATED__",
+ "Deposits are locked until the end of each 2 week epoch.": "__NOT_TRANSLATED__",
+ "SFI staking is required to enter the A tranche!": "__NOT_TRANSLATED__",
+ "Your balance in this tranche": "__NOT_TRANSLATED__",
+ "Epoch {{epoch}} Redemption Date": "__NOT_TRANSLATED__",
+ "Withdraw From Past Epochs": "__NOT_TRANSLATED__",
+ "Principal Amount": "__NOT_TRANSLATED__",
+ "Estimated SFI Earnings": "__NOT_TRANSLATED__",
+ "Current SFI Price": "__NOT_TRANSLATED__",
+ "SFI Pool Distributions": "__NOT_TRANSLATED__",
+ "Buy Crypto": "__NOT_TRANSLATED__",
+ "Connect": "__NOT_TRANSLATED__",
+ "Account": "__NOT_TRANSLATED__",
+ "Switch Wallet": "__NOT_TRANSLATED__",
+ "Disconnect": "__NOT_TRANSLATED__",
+ "Docs": "__NOT_TRANSLATED__",
+ "Notion": "__NOT_TRANSLATED__",
+ "Audit": "__NOT_TRANSLATED__",
+ "Version": "__NOT_TRANSLATED__",
+ "Borrow Balance": "__NOT_TRANSLATED__",
+ "Borrow Credit": "__NOT_TRANSLATED__",
+ "Ratios": "__NOT_TRANSLATED__",
+ "Total Debt": "__NOT_TRANSLATED__",
+ "Fuse Pool": "__NOT_TRANSLATED__",
+ "Pool2 Rewards": "__NOT_TRANSLATED__",
+ "Yield Aggregator Rewards": "__NOT_TRANSLATED__",
+ "Private RGT": "__NOT_TRANSLATED__",
+ "Claimable RGT": "__NOT_TRANSLATED__",
+ "Claiming private RGT before October 20th, 2022 will result in a fraction of it being burned. This amount decreases from 100% linearly until the 20th when it will reach 0%.": "__NOT_TRANSLATED__",
+ "Claiming private RGT now will result in a {{amount}}% burn/takeback": "__NOT_TRANSLATED__",
+ "Home": "__NOT_TRANSLATED__",
+ "Explore": "__NOT_TRANSLATED__",
+ "Positions": "__NOT_TRANSLATED__",
+ "Products": "__NOT_TRANSLATED__",
+ "Governance": "__NOT_TRANSLATED__",
+ "This chart is generated using the APYs of each pool (shown at the bottom of this page). It introduces a random variance in the APY each day, with a max of 2x the current pool APY, and a minimum of 0% APY. It does not account for large changes in APY (greater than 2x), divergence loss in the Yield Pool, or take into account ETH price. The ETH Pool simulation is not denominated in ETH, instead it simulates returns on USD using the current APY of the ETH Pool. In the ETH pool you are exposed to the price movements of ETH (which is not shown or accounted for in this simulation).": "__NOT_TRANSLATED__",
+ "1 Year of Returns Simulated Using Current Yields": "__NOT_TRANSLATED__",
+ "Connect with a browser extension": "__NOT_TRANSLATED__",
+ "Scan with a wallet to connect": "__NOT_TRANSLATED__",
+ "Connect with your {{provider}} account": "__NOT_TRANSLATED__",
+ "ETH Pool": "__NOT_TRANSLATED__",
+ "Stable Pool": "__NOT_TRANSLATED__",
+ "Yield Pool": "__NOT_TRANSLATED__",
+ "Safe returns on ETH": "__NOT_TRANSLATED__",
+ "Safe returns on stablecoins": "__NOT_TRANSLATED__",
+ "High risk, high reward": "__NOT_TRANSLATED__",
+ "The Rari Protocol currently secures": "__NOT_TRANSLATED__"
+}
diff --git a/.public/locales/zh-TW/translation.json b/.public/locales/zh-TW/translation.json
new file mode 100644
index 000000000..273cc24fe
--- /dev/null
+++ b/.public/locales/zh-TW/translation.json
@@ -0,0 +1,262 @@
+{
+ "Pool Assets": "__NOT_TRANSLATED__",
+ "Pool Directory": "__NOT_TRANSLATED__",
+ "Pool #": "__NOT_TRANSLATED__",
+ "Supplied": "__NOT_TRANSLATED__",
+ "Borrowed": "__NOT_TRANSLATED__",
+ "Risk Score": "__NOT_TRANSLATED__",
+ "Pool": "__NOT_TRANSLATED__",
+ "Tranches Directory": "__NOT_TRANSLATED__",
+ "Tranche": "__NOT_TRANSLATED__",
+ "SFI APY": "__NOT_TRANSLATED__",
+ "Total APY": "__NOT_TRANSLATED__",
+ "Whoops! Looks like something went wrong!": "__NOT_TRANSLATED__",
+ "You can either reload the page, or report this error to us on our": "__NOT_TRANSLATED__",
+ "Pool Number": "__NOT_TRANSLATED__",
+ "Total Supplied": "__NOT_TRANSLATED__",
+ "Total Borrowed": "__NOT_TRANSLATED__",
+ "Pool Risk Score": "__NOT_TRANSLATED__",
+ "Asset": "__NOT_TRANSLATED__",
+ "Current Utilization": "__NOT_TRANSLATED__",
+ "At risk positions are positions that are less than 110% collateralized.": "__NOT_TRANSLATED__",
+ "Liquidatable positions are positions less than 100% collateralized.": "__NOT_TRANSLATED__",
+ "At Risk Positions": "__NOT_TRANSLATED__",
+ "Liquidatable Positions": "__NOT_TRANSLATED__",
+ "Disable the switch to just view liquidatable positions.": "__NOT_TRANSLATED__",
+ "Enable the switch to view 'at risk' positions.": "__NOT_TRANSLATED__",
+ "Borrow Ratio": "__NOT_TRANSLATED__",
+ "Borrow Limit": "__NOT_TRANSLATED__",
+ "Limit Used": "__NOT_TRANSLATED__",
+ "Create Pool": "__NOT_TRANSLATED__",
+ "Name": "__NOT_TRANSLATED__",
+ "Oracle": "__NOT_TRANSLATED__",
+ "If enabled you will be able to limit the ability to supply to the pool to a select group of addresses. The pool will not show up on the 'all pools' list.": "__NOT_TRANSLATED__",
+ "Whitelisted": "__NOT_TRANSLATED__",
+ "The percent, ranging from 0% to 100%, of a liquidatable account's borrow that can be repaid in a single liquidate transaction. If a user has multiple borrowed assets, the closeFactor applies to any single borrowed asset, not the aggregated value of a user’s outstanding borrowing. Compound's close factor is 50%.": "__NOT_TRANSLATED__",
+ "Close Factor": "__NOT_TRANSLATED__",
+ "The additional collateral given to liquidators as an incentive to perform liquidation of underwater accounts. For example, if the liquidation incentive is 10%, liquidators receive an extra 10% of the borrowers collateral for every unit they close. Compound's liquidation incentive is 8%.": "__NOT_TRANSLATED__",
+ "Liquidation Incentive": "__NOT_TRANSLATED__",
+ "Create": "__NOT_TRANSLATED__",
+ "Already added:": "__NOT_TRANSLATED__",
+ "There are no assets in this pool.": "__NOT_TRANSLATED__",
+ "Pool {{num}} Configuration": "__NOT_TRANSLATED__",
+ "Assets:": "__NOT_TRANSLATED__",
+ "None": "__NOT_TRANSLATED__",
+ "Whitelist": "__NOT_TRANSLATED__",
+ "Upgradeable": "__NOT_TRANSLATED__",
+ "Renounce Ownership": "__NOT_TRANSLATED__",
+ "Admin Rights Disabled": "__NOT_TRANSLATED__",
+ "Assets Configuration": "__NOT_TRANSLATED__",
+ "Save": "__NOT_TRANSLATED__",
+ "Add Asset": "__NOT_TRANSLATED__",
+ "Pool {{num}} Info": "__NOT_TRANSLATED__",
+ "Metrics": "__NOT_TRANSLATED__",
+ "Edit": "__NOT_TRANSLATED__",
+ "Available Liquidity": "__NOT_TRANSLATED__",
+ "Pool Utilization": "__NOT_TRANSLATED__",
+ "Admin (copied!)": "__NOT_TRANSLATED__",
+ "Admin (click to copy)": "__NOT_TRANSLATED__",
+ "Platform Fee": "__NOT_TRANSLATED__",
+ "Average Admin Fee": "__NOT_TRANSLATED__",
+ "Unrecognized Oracle": "__NOT_TRANSLATED__",
+ "Pool {{num}}'s {{token}} Stats": "__NOT_TRANSLATED__",
+ "No graph is available for this asset's interest curves.": "__NOT_TRANSLATED__",
+ "Collateral Factor": "__NOT_TRANSLATED__",
+ "Reserve Factor": "__NOT_TRANSLATED__",
+ "Utilization": "__NOT_TRANSLATED__",
+ "Keep this bar from filling up to avoid being liquidated!": "__NOT_TRANSLATED__",
+ "This is how much you have borrowed.": "__NOT_TRANSLATED__",
+ "If your borrow amount reaches this value, you will be liquidated.": "__NOT_TRANSLATED__",
+ "Supply Balance:": "__NOT_TRANSLATED__",
+ "APY/WPY": "__NOT_TRANSLATED__",
+ "Balance": "__NOT_TRANSLATED__",
+ "Collateral": "__NOT_TRANSLATED__",
+ "Borrow Balance:": "__NOT_TRANSLATED__",
+ "APR/WPR": "__NOT_TRANSLATED__",
+ "Liquidity": "__NOT_TRANSLATED__",
+ "Liquidity is the amount of this asset that is available to borrow (unborrowed). To see how much has been supplied and borrowed in total, navigate to the Pool Info tab.": "__NOT_TRANSLATED__",
+ "Fuse": "__NOT_TRANSLATED__",
+ "There's {{tvl}} supplied to Fuse, the first truly open interest rate protocol. Lend, borrow, and create isolated lending markets with unlimited flexibility.": "__NOT_TRANSLATED__",
+ "Your Supply Balance": "__NOT_TRANSLATED__",
+ "Your Borrow Balance": "__NOT_TRANSLATED__",
+ "Total Value Supplied Across Fuse": "__NOT_TRANSLATED__",
+ "Search:": "__NOT_TRANSLATED__",
+ "Try searching for USDC": "__NOT_TRANSLATED__",
+ "All Pools": "__NOT_TRANSLATED__",
+ "My Pools": "__NOT_TRANSLATED__",
+ "Created Pools": "__NOT_TRANSLATED__",
+ "Liquidations": "__NOT_TRANSLATED__",
+ "Pool #{{poolId}}": "__NOT_TRANSLATED__",
+ "Pool #{{poolId}} Info": "__NOT_TRANSLATED__",
+ "New Pool": "__NOT_TRANSLATED__",
+ "Collateral factor can range from 0-90%, and represents the proportionate increase in liquidity (borrow limit) that an account receives by depositing the asset.": "__NOT_TRANSLATED__",
+ "The fraction of interest generated on a given asset that is routed to the asset's Reserve Pool. The Reserve Pool protects lenders against borrower default and liquidation malfunction.": "__NOT_TRANSLATED__",
+ "The fraction of interest generated on a given asset that is routed to the asset's admin address as a fee.": "__NOT_TRANSLATED__",
+ "Admin Fee": "__NOT_TRANSLATED__",
+ "The interest rate model chosen for an asset defines the rates of interest for borrowers and suppliers at different utilization levels.": "__NOT_TRANSLATED__",
+ "Interest Model": "__NOT_TRANSLATED__",
+ "Confirm": "__NOT_TRANSLATED__",
+ "Token Address: 0xXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX": "__NOT_TRANSLATED__",
+ "Enter a valid amount to supply.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to borrow.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to withdraw.": "__NOT_TRANSLATED__",
+ "Enter a valid amount to repay.": "__NOT_TRANSLATED__",
+ "Loading your balance of {{token}}...": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}}!": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}} or are over-repaying!": "__NOT_TRANSLATED__",
+ "You cannot withdraw this much!": "__NOT_TRANSLATED__",
+ "You cannot borrow this much!": "__NOT_TRANSLATED__",
+ "Check your wallet to submit the transactions": "__NOT_TRANSLATED__",
+ "Do not close this tab until you submit all transactions!": "__NOT_TRANSLATED__",
+ "Enable As Collateral": "__NOT_TRANSLATED__",
+ "Supply": "__NOT_TRANSLATED__",
+ "Withdraw": "__NOT_TRANSLATED__",
+ "Borrow": "__NOT_TRANSLATED__",
+ "Repay": "__NOT_TRANSLATED__",
+ "Supply Balance": "__NOT_TRANSLATED__",
+ "Supply APY": "__NOT_TRANSLATED__",
+ "Borrow APR": "__NOT_TRANSLATED__",
+ "Debt Balance": "__NOT_TRANSLATED__",
+ "MAX": "__NOT_TRANSLATED__",
+ "Rari Governance Token Price": "__NOT_TRANSLATED__",
+ "RGT Supply": "__NOT_TRANSLATED__",
+ "RGT Balance (Claimed)": "__NOT_TRANSLATED__",
+ "Total Value Locked": "__NOT_TRANSLATED__",
+ "Account Balance": "__NOT_TRANSLATED__",
+ "Your balance in this pool": "__NOT_TRANSLATED__",
+ "Extra returns from $RGT": "__NOT_TRANSLATED__",
+ "Access": "__NOT_TRANSLATED__",
+ "You may experience divergence loss when depositing stablecoins into the Yield Pool that are above their peg at the time of deposit. The Yield Pool is composed of various stablecoins which shift in value, causing your balance to fluctuate.": "__NOT_TRANSLATED__",
+ "Interest Earned": "__NOT_TRANSLATED__",
+ "Latest Rari News": "__NOT_TRANSLATED__",
+ "Enter a valid amount to deposit.": "__NOT_TRANSLATED__",
+ "You don't have enough {{token}}.": "__NOT_TRANSLATED__",
+ "Click confirm to continue!": "__NOT_TRANSLATED__",
+ "Do not close this tab until you submit both transactions!": "__NOT_TRANSLATED__",
+ "You may close this tab after submitting the transaction.": "__NOT_TRANSLATED__",
+ "Deposit": "__NOT_TRANSLATED__",
+ "Options": "__NOT_TRANSLATED__",
+ "Want to withdraw?": "__NOT_TRANSLATED__",
+ "Want to deposit?": "__NOT_TRANSLATED__",
+ "Sushiswap LP Rewards": "__NOT_TRANSLATED__",
+ "Earn additional rewards for providing RGT liquidity on Sushiswap!": "__NOT_TRANSLATED__",
+ "RGT-ETH Pool": "__NOT_TRANSLATED__",
+ "Provide liquidity to the RGT-ETH pool to acquire LP tokens": "__NOT_TRANSLATED__",
+ "here": "__NOT_TRANSLATED__",
+ "and stake them for extra rewards!": "__NOT_TRANSLATED__",
+ "Total Staked (USD)": "__NOT_TRANSLATED__",
+ "Bonus Rewards End": "__NOT_TRANSLATED__",
+ "Bonus Rewards Begin": "__NOT_TRANSLATED__",
+ "Your Balance": "__NOT_TRANSLATED__",
+ "RGT Earned": "__NOT_TRANSLATED__",
+ "Claim RGT": "__NOT_TRANSLATED__",
+ "Deposit your LP tokens here to earn bonus RGT rewards!": "__NOT_TRANSLATED__",
+ "Current APY": "__NOT_TRANSLATED__",
+ "APY Based On Returns From": "__NOT_TRANSLATED__",
+ "This Month": "__NOT_TRANSLATED__",
+ "Extra yield from $RGT": "__NOT_TRANSLATED__",
+ "This Week": "__NOT_TRANSLATED__",
+ "Compare Returns": "__NOT_TRANSLATED__",
+ "Token Allocation": "__NOT_TRANSLATED__",
+ "Recent Trades": "__NOT_TRANSLATED__",
+ "Moved": "__NOT_TRANSLATED__",
+ "View Transaction History": "__NOT_TRANSLATED__",
+ "Strategy Allocation": "__NOT_TRANSLATED__",
+ "Currently earning": "__NOT_TRANSLATED__",
+ "Week": "__NOT_TRANSLATED__",
+ "Month": "__NOT_TRANSLATED__",
+ "Year": "__NOT_TRANSLATED__",
+ "Max": "__NOT_TRANSLATED__",
+ "Choose which token you want to deposit.": "__NOT_TRANSLATED__",
+ "Choose which token you want to withdraw.": "__NOT_TRANSLATED__",
+ "You cannot withdraw this much {{token}}.": "__NOT_TRANSLATED__",
+ "This pool has withdrawal & interest fees. Click to learn more.": "__NOT_TRANSLATED__",
+ "This pool has performance fees. Click to learn more.": "__NOT_TRANSLATED__",
+ "Click review + confirm to withdraw!": "__NOT_TRANSLATED__",
+ "High slippage of {{formattedSlippage}} for {{token}}, do you still wish to continue with this transaction?": "__NOT_TRANSLATED__",
+ "Prices and/or slippage have changed. Please reload the page and try again. If the problem persists, please contact us.": "__NOT_TRANSLATED__",
+ "Check your wallet to submit the transaction": "__NOT_TRANSLATED__",
+ "Do not increase the price of gas more than 1.5x the prefilled amount!": "__NOT_TRANSLATED__",
+ "Review": "__NOT_TRANSLATED__",
+ "You may experience divergence loss in this pool. Click for more info.": "__NOT_TRANSLATED__",
+ "You will deposit {{amount}}. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "You will withdraw {{amount}} before fees. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "You will withdraw {{amount}}. Click confirm to approve.": "__NOT_TRANSLATED__",
+ "Select A Token": "__NOT_TRANSLATED__",
+ "Try searching for 'USDC'": "__NOT_TRANSLATED__",
+ "APY": "__NOT_TRANSLATED__",
+ "Deposits": "__NOT_TRANSLATED__",
+ "Interest": "__NOT_TRANSLATED__",
+ "Growth": "__NOT_TRANSLATED__",
+ "Total": "__NOT_TRANSLATED__",
+ "Borrows": "__NOT_TRANSLATED__",
+ "Lend APY": "__NOT_TRANSLATED__",
+ "Net Balance": "__NOT_TRANSLATED__",
+ "Debt": "__NOT_TRANSLATED__",
+ "Est. SFI Earnings": "__NOT_TRANSLATED__",
+ "DAI-S": "__NOT_TRANSLATED__",
+ "DAI": "__NOT_TRANSLATED__",
+ "N/A": "__NOT_TRANSLATED__",
+ "DAI-A": "__NOT_TRANSLATED__",
+ "Pool2": "__NOT_TRANSLATED__",
+ "RGT-ETH": "__NOT_TRANSLATED__",
+ "RGT": "__NOT_TRANSLATED__",
+ "Product": "__NOT_TRANSLATED__",
+ "You need {{sfiMissing}} more SFI to deposit (1 SFI : {{sfiRatio}} {{tranchePool}})": "__NOT_TRANSLATED__",
+ "{{trancheRating}} Tranche Deposit": "__NOT_TRANSLATED__",
+ "Tranches": "__NOT_TRANSLATED__",
+ "Saffron Finance has not been fully audited. Take caution when entering these tranches and do not deposit more than you are comfortable losing.": "__NOT_TRANSLATED__",
+ "Access Saffron Finance tranches through the Rari Capital interface!": "__NOT_TRANSLATED__",
+ "Tranche Details": "__NOT_TRANSLATED__",
+ "SFI and interest is distributed to LPs proportionally at the end of each epoch.": "__NOT_TRANSLATED__",
+ "Learn More": "__NOT_TRANSLATED__",
+ "Liquidity added to other tranches as needed.": "__NOT_TRANSLATED__",
+ "Reduced interest earned. Covered in case of failure by A tranche.": "__NOT_TRANSLATED__",
+ "10x interest earned. Cover provided to AA tranche in case of failure.": "__NOT_TRANSLATED__",
+ "Deposits are locked until the end of each 2 week epoch.": "__NOT_TRANSLATED__",
+ "SFI staking is required to enter the A tranche!": "__NOT_TRANSLATED__",
+ "Your balance in this tranche": "__NOT_TRANSLATED__",
+ "Epoch {{epoch}} Redemption Date": "__NOT_TRANSLATED__",
+ "Withdraw From Past Epochs": "__NOT_TRANSLATED__",
+ "Principal Amount": "__NOT_TRANSLATED__",
+ "Estimated SFI Earnings": "__NOT_TRANSLATED__",
+ "Current SFI Price": "__NOT_TRANSLATED__",
+ "SFI Pool Distributions": "__NOT_TRANSLATED__",
+ "Buy Crypto": "__NOT_TRANSLATED__",
+ "Connect": "__NOT_TRANSLATED__",
+ "Account": "__NOT_TRANSLATED__",
+ "Switch Wallet": "__NOT_TRANSLATED__",
+ "Disconnect": "__NOT_TRANSLATED__",
+ "Docs": "__NOT_TRANSLATED__",
+ "Notion": "__NOT_TRANSLATED__",
+ "Audit": "__NOT_TRANSLATED__",
+ "Version": "__NOT_TRANSLATED__",
+ "Borrow Balance": "__NOT_TRANSLATED__",
+ "Borrow Credit": "__NOT_TRANSLATED__",
+ "Ratios": "__NOT_TRANSLATED__",
+ "Total Debt": "__NOT_TRANSLATED__",
+ "Fuse Pool": "__NOT_TRANSLATED__",
+ "Pool2 Rewards": "__NOT_TRANSLATED__",
+ "Yield Aggregator Rewards": "__NOT_TRANSLATED__",
+ "Private RGT": "__NOT_TRANSLATED__",
+ "Claimable RGT": "__NOT_TRANSLATED__",
+ "Claiming private RGT before October 20th, 2022 will result in a fraction of it being burned. This amount decreases from 100% linearly until the 20th when it will reach 0%.": "__NOT_TRANSLATED__",
+ "Claiming private RGT now will result in a {{amount}}% burn/takeback": "__NOT_TRANSLATED__",
+ "Home": "__NOT_TRANSLATED__",
+ "Explore": "__NOT_TRANSLATED__",
+ "Positions": "__NOT_TRANSLATED__",
+ "Products": "__NOT_TRANSLATED__",
+ "Governance": "__NOT_TRANSLATED__",
+ "This chart is generated using the APYs of each pool (shown at the bottom of this page). It introduces a random variance in the APY each day, with a max of 2x the current pool APY, and a minimum of 0% APY. It does not account for large changes in APY (greater than 2x), divergence loss in the Yield Pool, or take into account ETH price. The ETH Pool simulation is not denominated in ETH, instead it simulates returns on USD using the current APY of the ETH Pool. In the ETH pool you are exposed to the price movements of ETH (which is not shown or accounted for in this simulation).": "__NOT_TRANSLATED__",
+ "1 Year of Returns Simulated Using Current Yields": "__NOT_TRANSLATED__",
+ "Connect with a browser extension": "__NOT_TRANSLATED__",
+ "Scan with a wallet to connect": "__NOT_TRANSLATED__",
+ "Connect with your {{provider}} account": "__NOT_TRANSLATED__",
+ "ETH Pool": "__NOT_TRANSLATED__",
+ "Stable Pool": "__NOT_TRANSLATED__",
+ "Yield Pool": "__NOT_TRANSLATED__",
+ "Safe returns on ETH": "__NOT_TRANSLATED__",
+ "Safe returns on stablecoins": "__NOT_TRANSLATED__",
+ "High risk, high reward": "__NOT_TRANSLATED__",
+ "The Rari Protocol currently secures": "__NOT_TRANSLATED__"
+}
diff --git a/README.md b/README.md
index a15125226..d1c096ea8 100755
--- a/README.md
+++ b/README.md
@@ -1,12 +1,11 @@
# Rari dApp ·  · [](https://coveralls.io/github/Rari-Capital/rari-dApp?branch=master)
-Rari's new React dApp for easy interactions with the Rari fund.
+Rari Capital's Web3 Portal.
-
-
+
);
};
diff --git a/src/components/pages/Fuse/Modals/AddAssetModal/AddAssetChart.tsx b/src/components/pages/Fuse/Modals/AddAssetModal/AddAssetChart.tsx
new file mode 100644
index 000000000..b821ae3e6
--- /dev/null
+++ b/src/components/pages/Fuse/Modals/AddAssetModal/AddAssetChart.tsx
@@ -0,0 +1,37 @@
+/* This is a dynamically imported component on client-side only */
+
+import Chart from "react-apexcharts";
+import { FuseIRMDemoChartOptions } from "utils/chartOptions";
+
+type AddAssetChartProps = {
+ tokenData: any;
+ curves: any;
+};
+
+const AddAssetChart = ({ tokenData, curves }: AddAssetChartProps) => {
+ return (
+
+ );
+};
+
+export default AddAssetChart;
diff --git a/src/components/pages/Fuse/Modals/AddAssetModal.tsx b/src/components/pages/Fuse/Modals/AddAssetModal/AddAssetModal.tsx
similarity index 90%
rename from src/components/pages/Fuse/Modals/AddAssetModal.tsx
rename to src/components/pages/Fuse/Modals/AddAssetModal/AddAssetModal.tsx
index 5b8fcabf0..9e24bd960 100644
--- a/src/components/pages/Fuse/Modals/AddAssetModal.tsx
+++ b/src/components/pages/Fuse/Modals/AddAssetModal/AddAssetModal.tsx
@@ -1,3 +1,5 @@
+import dynamic from "next/dynamic";
+
import {
Heading,
Modal,
@@ -12,44 +14,46 @@ import {
Spinner,
useToast,
} from "@chakra-ui/react";
-import { Column, Center } from "buttered-chakra";
+import { Column, Center } from "lib/chakraUtils";
import { useEffect, useState } from "react";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'next-i18next';
import DashboardBox, {
DASHBOARD_BOX_PROPS,
-} from "../../../shared/DashboardBox";
-import { ModalDivider, MODAL_PROPS } from "../../../shared/Modal";
+} from "../../../../shared/DashboardBox";
+import { ModalDivider, MODAL_PROPS } from "../../../../shared/Modal";
import {
ETH_TOKEN_DATA,
TokenData,
useTokenData,
-} from "../../../../hooks/useTokenData";
-import SmallWhiteCircle from "../../../../static/small-white-circle.png";
-import { useRari } from "../../../../context/RariContext";
-import { FuseIRMDemoChartOptions } from "../../../../utils/chartOptions";
-import { SliderWithLabel } from "../../../shared/SliderWithLabel";
-import { convertIRMtoCurve } from "../FusePoolInfoPage";
-
-import Fuse from "../../../../fuse-sdk";
-import Chart from "react-apexcharts";
+} from "../../../../../hooks/useTokenData";
+import { useRari } from "../../../../../context/RariContext";
+import { FuseIRMDemoChartOptions } from "../../../../../utils/chartOptions";
+import { SliderWithLabel } from "../../../../shared/SliderWithLabel";
+import { convertIRMtoCurve } from "../../FusePoolInfoPage";
+
+import Fuse from "lib/fuse-sdk/src";
import {
ConfigRow,
SaveButton,
testForComptrollerErrorAndSend,
-} from "../FusePoolEditPage";
+} from "../../FusePoolEditPage";
import { useQuery, useQueryClient } from "react-query";
import { QuestionIcon } from "@chakra-ui/icons";
-import { SimpleTooltip } from "../../../shared/SimpleTooltip";
+import { SimpleTooltip } from "../../../../shared/SimpleTooltip";
import BigNumber from "bignumber.js";
-import { createComptroller } from "../../../../utils/createComptroller";
-import { testForCTokenErrorAndSend } from "./PoolModal/AmountSelect";
+import { createComptroller } from "../../../../../utils/createComptroller";
+import { testForCTokenErrorAndSend } from "../PoolModal/AmountSelect";
-import { handleGenericError } from "../../../../utils/errorHandling";
-import { USDPricedFuseAsset } from "../../../../utils/fetchFusePoolData";
+import { handleGenericError } from "../../../../../utils/errorHandling";
+import { USDPricedFuseAsset } from "../../../../../utils/fetchFusePoolData";
import LogRocket from "logrocket";
+const AddAssetChart = dynamic(() => import("./AddAssetChart"), {
+ ssr: false,
+});
+
const formatPercentage = (value: number) => value.toFixed(0) + "%";
export const createCToken = (fuse: Fuse, cTokenAddress: string) => {
@@ -145,7 +149,7 @@ export const AssetSettings = ({
};
const [interestRateModel, setInterestRateModel] = useState(
- Fuse.PUBLIC_INTEREST_RATE_MODEL_CONTRACT_ADDRESSES.JumpRateModel_DAI
+ Fuse.PUBLIC_INTEREST_RATE_MODEL_CONTRACT_ADDRESSES.JumpRateModel_Cream_Stables_Majors
);
const { data: curves } = useQuery(
@@ -462,7 +466,7 @@ export const AssetSettings = ({
-
+ */}
{cTokenData &&
cTokenData.interestRateModelAddress.toLowerCase() !==
@@ -515,27 +519,7 @@ export const AssetSettings = ({
flexShrink={0}
>
{curves ? (
-
+
) : curves === undefined ? (
@@ -623,7 +607,7 @@ const AddAssetModal = ({
src={tokenData.logoURL}
boxSize="50px"
borderRadius="50%"
- backgroundImage={`url(${SmallWhiteCircle})`}
+ backgroundImage={`url(/static/small-white-circle.png)`}
backgroundSize="100% auto"
/>
) : null}
diff --git a/src/components/pages/Fuse/Modals/AddAssetModal/index.ts b/src/components/pages/Fuse/Modals/AddAssetModal/index.ts
new file mode 100644
index 000000000..87a0b14ef
--- /dev/null
+++ b/src/components/pages/Fuse/Modals/AddAssetModal/index.ts
@@ -0,0 +1,3 @@
+import AddAssetModal, { AssetSettings } from "./AddAssetModal";
+export { AssetSettings };
+export default AddAssetModal;
diff --git a/src/components/pages/Fuse/Modals/PoolModal/AmountSelect.tsx b/src/components/pages/Fuse/Modals/PoolModal/AmountSelect.tsx
index 7526a9034..5c584c3ef 100644
--- a/src/components/pages/Fuse/Modals/PoolModal/AmountSelect.tsx
+++ b/src/components/pages/Fuse/Modals/PoolModal/AmountSelect.tsx
@@ -1,5 +1,5 @@
import { useState } from "react";
-import { Row, Column, Center, useIsMobile } from "buttered-chakra";
+import { Row, Column, Center, useIsMobile } from "lib/chakraUtils";
import LogRocket from "logrocket";
import {
@@ -16,15 +16,14 @@ import {
Tabs,
Spinner,
} from "@chakra-ui/react";
-import SmallWhiteCircle from "../../../../../static/small-white-circle.png";
import BigNumber from "bignumber.js";
-import { UseQueryResult, useQuery, useQueryClient } from "react-query";
+import { useQuery, useQueryClient } from "react-query";
import { HashLoader } from "react-spinners";
-import { useTranslation } from "react-i18next";
+import { useTranslation } from 'next-i18next';
import { useRari } from "../../../../../context/RariContext";
import { fetchTokenBalance } from "../../../../../hooks/useTokenBalance";
import { BN, smallUsdFormatter } from "../../../../../utils/bigUtils";
@@ -40,7 +39,8 @@ import {
} from "../../../../../hooks/useTokenData";
import { useBorrowLimit } from "../../../../../hooks/useBorrowLimit";
-import Fuse from "../../../../../fuse-sdk";
+import Fuse from "lib/fuse-sdk";
+
import { USDPricedFuseAsset } from "../../../../../utils/fetchFusePoolData";
import { createComptroller } from "../../../../../utils/createComptroller";
import { handleGenericError } from "../../../../../utils/errorHandling";
@@ -51,6 +51,7 @@ import {
convertMantissaToAPR,
convertMantissaToAPY,
} from "../../../../../utils/apyUtils";
+import useUpdatedUserAssets from "hooks/fuse/useUpdatedUserAssets";
enum UserAction {
NO_ACTION,
@@ -78,139 +79,13 @@ export enum CTokenErrorCodes {
UTILIZATION_ABOVE_MAX,
}
-export async function testForCTokenErrorAndSend(
- txObject: any,
- caller: string,
- failMessage: string
-) {
- let response = await txObject.call({ from: caller });
-
- // For some reason `response` will be `["0"]` if no error but otherwise it will return a string of a number.
- if (response[0] !== "0") {
- response = parseInt(response);
-
- let err;
-
- if (response >= 1000) {
- const comptrollerResponse = response - 1000;
-
- let msg = ComptrollerErrorCodes[comptrollerResponse];
-
- if (msg === "BORROW_BELOW_MIN") {
- msg =
- "As part of our guarded launch, you cannot borrow less than 1 ETH worth of tokens at the moment.";
- }
-
- // This is a comptroller error:
- err = new Error(failMessage + " Comptroller Error: " + msg);
- } else {
- // This is a standard token error:
- err = new Error(
- failMessage + " CToken Code: " + CTokenErrorCodes[response]
- );
- }
-
- LogRocket.captureException(err);
- throw err;
- }
-
- return txObject.send({ from: caller });
-}
-
-const fetchGasForCall = async (
- call: any,
- amountBN: BN,
- fuse: Fuse,
- address: string
-) => {
- const estimatedGas = fuse.web3.utils.toBN(
- (
- (await call.estimateGas({
- from: address,
- // Cut amountBN in half in case it screws up the gas estimation by causing a fail in the event that it accounts for gasPrice > 0 which means there will not be enough ETH (after paying gas)
- value: amountBN.div(fuse.web3.utils.toBN(2)),
- })) *
- // 50% more gas for limit:
- 1.5
- ).toFixed(0)
- );
-
- // Ex: 100 (in GWEI)
- const { standard } = await fetch("https://gasprice.poa.network").then((res) =>
- res.json()
- );
-
- const gasPrice = fuse.web3.utils.toBN(
- // @ts-ignore For some reason it's returning a string not a BN
- fuse.web3.utils.toWei(standard.toString(), "gwei")
- );
-
- const gasWEI = estimatedGas.mul(gasPrice);
-
- return { gasWEI, gasPrice, estimatedGas };
-};
-
-async function fetchMaxAmount(
- mode: Mode,
- fuse: Fuse,
- address: string,
- asset: USDPricedFuseAsset,
- comptrollerAddress: string
-) {
- if (mode === Mode.SUPPLY) {
- const balance = await fetchTokenBalance(
- asset.underlyingToken,
- fuse.web3,
- address
- );
-
- return balance;
- }
-
- if (mode === Mode.REPAY) {
- const balance = await fetchTokenBalance(
- asset.underlyingToken,
- fuse.web3,
- address
- );
- const debt = fuse.web3.utils.toBN(asset.borrowBalance);
-
- if (balance.gt(debt)) {
- return debt;
- } else {
- return balance;
- }
- }
-
- if (mode === Mode.BORROW) {
- const comptroller = createComptroller(comptrollerAddress, fuse);
-
- const { 0: err, 1: maxBorrow } = await comptroller.methods
- .getMaxBorrow(address, asset.cToken)
- .call();
-
- if (err !== 0) {
- return fuse.web3.utils.toBN(
- new BigNumber(maxBorrow).multipliedBy(0.75).toFixed(0)
- );
- } else {
- throw new Error("Could not fetch your max borrow amount! Code: " + err);
- }
- }
-
- if (mode === Mode.WITHDRAW) {
- const comptroller = createComptroller(comptrollerAddress, fuse);
-
- const { 0: err, 1: maxRedeem } = await comptroller.methods
- .getMaxRedeem(address, asset.cToken)
- .call();
-
- if (err !== 0) {
- return fuse.web3.utils.toBN(maxRedeem);
- } else {
- throw new Error("Could not fetch your max withdraw amount! Code: " + err);
- }
- }
+interface Props {
+ onClose: () => any;
+ assets: USDPricedFuseAsset[];
+ index: number;
+ mode: Mode;
+ setMode: (mode: Mode) => any;
+ comptrollerAddress: string;
}
const AmountSelect = ({
@@ -219,16 +94,8 @@ const AmountSelect = ({
index,
mode,
setMode,
-
comptrollerAddress,
-}: {
- onClose: () => any;
- assets: USDPricedFuseAsset[];
- index: number;
- mode: Mode;
- setMode: (mode: Mode) => any;
- comptrollerAddress: string;
-}) => {
+}: Props) => {
const asset = assets[index];
const { address, fuse } = useRari();
@@ -255,22 +122,15 @@ const AmountSelect = ({
const { t } = useTranslation();
const updateAmount = (newAmount: string) => {
- if (newAmount.startsWith("-")) {
- return;
- }
-
+ if (newAmount.startsWith("-")) return
+
_setUserEnteredAmount(newAmount);
- try {
- BigNumber.DEBUG = true;
+ const bigAmount = new BigNumber(newAmount);
- // Try to set the amount to BigNumber(newAmount):
- const bigAmount = new BigNumber(newAmount);
- _setAmount(bigAmount.multipliedBy(10 ** asset.underlyingDecimals));
- } catch (e) {
- // If the number was invalid, set the amount to null to disable confirming:
- _setAmount(null);
- }
+ bigAmount.isNaN()
+ ? _setAmount(null)
+ : _setAmount(bigAmount.multipliedBy(10 ** asset.underlyingDecimals));
setUserAction(UserAction.NO_ACTION);
};
@@ -353,13 +213,15 @@ const AmountSelect = ({
setUserAction(UserAction.WAITING_FOR_TRANSACTIONS);
const isETH = asset.underlyingToken === ETH_TOKEN_DATA.address;
+
const isRepayingMax =
amount!.eq(asset.borrowBalance) && !isETH && mode === Mode.REPAY;
isRepayingMax && console.log("Using max repay!");
- const max = new BigNumber(2).pow(256).minus(1).toFixed(0);
+ const max = new BigNumber(2).pow(256).minus(1).toFixed(0); //big fucking #
+ // todo - do we need this?
const amountBN = fuse.web3.utils.toBN(amount!.toFixed(0));
const cToken = new fuse.web3.eth.Contract(
@@ -378,6 +240,8 @@ const AmountSelect = ({
);
if (mode === Mode.SUPPLY || mode === Mode.REPAY) {
+
+ // if not eth check if amounti is approved for thsi token
if (!isETH) {
const token = new fuse.web3.eth.Contract(
JSON.parse(
@@ -405,6 +269,7 @@ const AmountSelect = ({
LogRocket.track("Fuse-Approve");
}
+ // if ur suplying, then
if (mode === Mode.SUPPLY) {
// If they want to enable as collateral now, enter the market:
if (enableAsCollateral) {
@@ -418,14 +283,15 @@ const AmountSelect = ({
}
if (isETH) {
- const call = cToken.methods.mint();
+ const call = cToken.methods.mint(); //
if (
// If they are supplying their whole balance:
amountBN.toString() === (await fuse.web3.eth.getBalance(address))
) {
- // Subtract gas for max ETH
+ // full balance of ETH
+ // Subtract gas for max ETH
const { gasWEI, gasPrice, estimatedGas } = await fetchGasForCall(
call,
amountBN,
@@ -441,12 +307,15 @@ const AmountSelect = ({
gas: estimatedGas,
});
} else {
+ // custom amount of ETH
await call.send({
from: address,
value: amountBN,
});
}
- } else {
+ }
+ else {
+ // Custom amount of ERC20
await testForCTokenErrorAndSend(
cToken.methods.mint(amountBN),
address,
@@ -454,6 +323,12 @@ const AmountSelect = ({
);
}
+ await testForCTokenErrorAndSend(
+ cToken.methods.borrow(amountBN),
+ address,
+ "Cannot borrow this amount right now!"
+ );
+
LogRocket.track("Fuse-Supply");
} else if (mode === Mode.REPAY) {
if (isETH) {
@@ -800,155 +675,23 @@ const StatsColumn = ({
}) => {
const { t } = useTranslation();
- const { rari, fuse } = useRari();
-
- const { data: updatedAssets }: UseQueryResult =
- useQuery(
- mode + " " + index + " " + JSON.stringify(assets) + " " + amount,
- async () => {
- const ethPrice: number = fuse.web3.utils.fromWei(
- await rari.getEthUsdPriceBN()
- ) as any;
-
- const assetToBeUpdated = assets[index];
-
- const interestRateModel = await fuse.getInterestRateModel(
- assetToBeUpdated.cToken
- );
-
- let updatedAsset: USDPricedFuseAsset;
- if (mode === Mode.SUPPLY) {
- const supplyBalance =
- parseInt(assetToBeUpdated.supplyBalance as any) + amount;
-
- const totalSupply =
- parseInt(assetToBeUpdated.totalSupply as any) + amount;
-
- updatedAsset = {
- ...assetToBeUpdated,
-
- supplyBalance,
- supplyBalanceUSD:
- ((supplyBalance * assetToBeUpdated.underlyingPrice) / 1e36) *
- ethPrice,
-
- totalSupply,
- supplyRatePerBlock: interestRateModel.getSupplyRate(
- fuse.web3.utils.toBN(
- totalSupply > 0
- ? new BigNumber(assetToBeUpdated.totalBorrow)
- .dividedBy(totalSupply.toString())
- .multipliedBy(1e18)
- .toFixed(0)
- : 0
- )
- ),
- };
- } else if (mode === Mode.WITHDRAW) {
- const supplyBalance =
- parseInt(assetToBeUpdated.supplyBalance as any) - amount;
-
- const totalSupply =
- parseInt(assetToBeUpdated.totalSupply as any) - amount;
-
- updatedAsset = {
- ...assetToBeUpdated,
-
- supplyBalance,
- supplyBalanceUSD:
- ((supplyBalance * assetToBeUpdated.underlyingPrice) / 1e36) *
- ethPrice,
-
- totalSupply,
- supplyRatePerBlock: interestRateModel.getSupplyRate(
- fuse.web3.utils.toBN(
- totalSupply > 0
- ? new BigNumber(assetToBeUpdated.totalBorrow)
- .dividedBy(totalSupply.toString())
- .multipliedBy(1e18)
- .toFixed(0)
- : 0
- )
- ),
- };
- } else if (mode === Mode.BORROW) {
- const borrowBalance =
- parseInt(assetToBeUpdated.borrowBalance as any) + amount;
-
- const totalBorrow =
- parseInt(assetToBeUpdated.totalBorrow as any) + amount;
-
- updatedAsset = {
- ...assetToBeUpdated,
-
- borrowBalance,
- borrowBalanceUSD:
- ((borrowBalance * assetToBeUpdated.underlyingPrice) / 1e36) *
- ethPrice,
-
- totalBorrow,
- borrowRatePerBlock: interestRateModel.getBorrowRate(
- fuse.web3.utils.toBN(
- assetToBeUpdated.totalSupply > 0
- ? new BigNumber(totalBorrow.toString())
- .dividedBy(assetToBeUpdated.totalSupply)
- .multipliedBy(1e18)
- .toFixed(0)
- : 0
- )
- ),
- };
- } else if (mode === Mode.REPAY) {
- const borrowBalance =
- parseInt(assetToBeUpdated.borrowBalance as any) - amount;
-
- const totalBorrow =
- parseInt(assetToBeUpdated.totalBorrow as any) - amount;
-
- updatedAsset = {
- ...assetToBeUpdated,
-
- borrowBalance,
- borrowBalanceUSD:
- ((borrowBalance * assetToBeUpdated.underlyingPrice) / 1e36) *
- ethPrice,
-
- totalBorrow,
- borrowRatePerBlock: interestRateModel.getBorrowRate(
- fuse.web3.utils.toBN(
- assetToBeUpdated.totalSupply > 0
- ? new BigNumber(totalBorrow.toString())
- .dividedBy(assetToBeUpdated.totalSupply)
- .multipliedBy(1e18)
- .toFixed(0)
- : 0
- )
- ),
- };
- }
-
- return assets.map((value, _index) => {
- if (_index === index) {
- return updatedAsset;
- } else {
- return value;
- }
- });
- }
- );
+ // Get the new representation of a user's USDPricedFuseAssets after proposing a supply amount.
+ const updatedAssets: USDPricedFuseAsset[] | undefined = useUpdatedUserAssets({
+ mode,
+ assets,
+ index,
+ amount,
+ });
+ // Define the old and new asset (same asset different numerical values)
const asset = assets[index];
const updatedAsset = updatedAssets ? updatedAssets[index] : null;
+ // Calculate Old and new Borrow Limits
const borrowLimit = useBorrowLimit(assets);
- const updatedBorrowLimit = useBorrowLimit(
- updatedAssets ?? [],
- enableAsCollateral
- ? {
- ignoreIsEnabledCheckFor: asset.cToken,
- }
- : undefined
- );
+ const updatedBorrowLimit = useBorrowLimit(updatedAssets ?? [], {
+ ignoreIsEnabledCheckFor: enableAsCollateral ? asset.cToken : undefined,
+ });
const isSupplyingOrWithdrawing =
mode === Mode.SUPPLY || mode === Mode.WITHDRAW;
@@ -1151,7 +894,7 @@ const TokenNameAndMaxButton = ({
width="100%"
height="100%"
borderRadius="50%"
- backgroundImage={`url(${SmallWhiteCircle})`}
+ backgroundImage={`url(/static/small-white-circle.png)`}
src={logoURL}
alt=""
/>
@@ -1207,3 +950,138 @@ const AmountInput = ({
/>
);
};
+
+export async function testForCTokenErrorAndSend(
+ txObject: any,
+ caller: string,
+ failMessage: string
+) {
+ let response = await txObject.call({ from: caller });
+
+ // For some reason `response` will be `["0"]` if no error but otherwise it will return a string of a number.
+ if (response[0] !== "0") {
+ response = parseInt(response);
+
+ let err;
+
+ if (response >= 1000) {
+ const comptrollerResponse = response - 1000;
+
+ let msg = ComptrollerErrorCodes[comptrollerResponse];
+
+ if (msg === "BORROW_BELOW_MIN") {
+ msg =
+ "As part of our guarded launch, you cannot borrow less than 1 ETH worth of tokens at the moment.";
+ }
+
+ // This is a comptroller error:
+ err = new Error(failMessage + " Comptroller Error: " + msg);
+ } else {
+ // This is a standard token error:
+ err = new Error(
+ failMessage + " CToken Code: " + CTokenErrorCodes[response]
+ );
+ }
+
+ LogRocket.captureException(err);
+ throw err;
+ }
+
+ return txObject.send({ from: caller });
+}
+
+export const fetchGasForCall = async (
+ call: any,
+ amountBN: BN,
+ fuse: Fuse,
+ address: string
+) => {
+ const estimatedGas = fuse.web3.utils.toBN(
+ (
+ (await call.estimateGas({
+ from: address,
+ // Cut amountBN in half in case it screws up the gas estimation by causing a fail in the event that it accounts for gasPrice > 0 which means there will not be enough ETH (after paying gas)
+ value: amountBN.div(fuse.web3.utils.toBN(2)),
+ })) *
+ // 50% more gas for limit:
+ 1.5
+ ).toFixed(0)
+ );
+
+ // Ex: 100 (in GWEI)
+ const { standard } = await fetch("https://gasprice.poa.network").then((res) =>
+ res.json()
+ );
+
+ const gasPrice = fuse.web3.utils.toBN(
+ // @ts-ignore For some reason it's returning a string not a BN
+ fuse.web3.utils.toWei(standard.toString(), "gwei")
+ );
+
+ const gasWEI = estimatedGas.mul(gasPrice);
+
+ return { gasWEI, gasPrice, estimatedGas };
+};
+
+async function fetchMaxAmount(
+ mode: Mode,
+ fuse: Fuse,
+ address: string,
+ asset: USDPricedFuseAsset,
+ comptrollerAddress: string
+) {
+ if (mode === Mode.SUPPLY) {
+ const balance = await fetchTokenBalance(
+ asset.underlyingToken,
+ fuse.web3,
+ address
+ );
+
+ return balance;
+ }
+
+ if (mode === Mode.REPAY) {
+ const balance = await fetchTokenBalance(
+ asset.underlyingToken,
+ fuse.web3,
+ address
+ );
+ const debt = fuse.web3.utils.toBN(asset.borrowBalance);
+
+ if (balance.gt(debt)) {
+ return debt;
+ } else {
+ return balance;
+ }
+ }
+
+ if (mode === Mode.BORROW) {
+ const comptroller = createComptroller(comptrollerAddress, fuse);
+
+ const { 0: err, 1: maxBorrow } = await comptroller.methods
+ .getMaxBorrow(address, asset.cToken)
+ .call();
+
+ if (err !== 0) {
+ return fuse.web3.utils.toBN(
+ new BigNumber(maxBorrow).multipliedBy(0.75).toFixed(0)
+ );
+ } else {
+ throw new Error("Could not fetch your max borrow amount! Code: " + err);
+ }
+ }
+
+ if (mode === Mode.WITHDRAW) {
+ const comptroller = createComptroller(comptrollerAddress, fuse);
+
+ const { 0: err, 1: maxRedeem } = await comptroller.methods
+ .getMaxRedeem(address, asset.cToken)
+ .call();
+
+ if (err !== 0) {
+ return fuse.web3.utils.toBN(maxRedeem);
+ } else {
+ throw new Error("Could not fetch your max withdraw amount! Code: " + err);
+ }
+ }
+}
diff --git a/src/components/pages/Home/Home.tsx b/src/components/pages/Home/Home.tsx
index e3f5cae0a..c6f235899 100644
--- a/src/components/pages/Home/Home.tsx
+++ b/src/components/pages/Home/Home.tsx
@@ -1,21 +1,30 @@
-import React, { useState } from "react";
-import { Input, InputGroup, InputLeftElement } from "@chakra-ui/input";
-import { Heading, Text, Link, SimpleGrid } from "@chakra-ui/react";
-import { Column, Row } from "buttered-chakra";
+// Next
+import dynamic from "next/dynamic";
+import {
+ Heading,
+ Text,
+ SimpleGrid,
+ useBreakpointValue,
+} from "@chakra-ui/react";
+import { Column, Row } from "lib/chakraUtils";
import { useIsSmallScreen } from "hooks/useIsSmallScreen";
-import NewHeader from "components/shared/Header2/NewHeader";
import Marquee from "react-fast-marquee";
import HomeFuseCard from "./HomeFuseCard";
-import { Link as RouterLink, useNavigate } from "react-router-dom";
import { motion } from "framer-motion";
import { smallStringUsdFormatter } from "utils/bigUtils";
-import { APYWithRefreshMovingStat } from "components/shared/MovingStat";
+const APYWithRefreshMovingStat = dynamic(
+ () =>
+ import("components/shared/MovingStat").then(
+ (mod) => mod.APYWithRefreshMovingStat
+ ),
+ { ssr: false }
+);
+
import { useTVLFetchers } from "hooks/useTVL";
import HomeVaultCard from "./HomeVaultCard";
-import Footer from "components/shared/Footer";
import OpportunityCard from "./OpportunityCard";
import HomeCarousel from "./HomeCarousel";
@@ -25,28 +34,53 @@ import {
HOMEPAGE_OPPORTUNIES,
HOMEPAGE_EARN_VAULTS,
} from "constants/homepage";
-import { useFusePoolsData } from "hooks/useFusePoolData";
import { SaffronProvider } from "../Tranches/SaffronContext";
-import { SearchIcon } from "@chakra-ui/icons";
+// import { SearchIcon } from "@chakra-ui/icons";
import DashboardBox from "components/shared/DashboardBox";
+import AppLink from "components/shared/AppLink";
+import { APYWithRefreshMovingProps } from "components/shared/MovingStat";
+import Searchbar from "components/shared/Searchbar";
+import useSWR from "swr";
+import { queryFusePools } from "services/gql";
+import { fetchTokensAPIDataAsMap } from "utils/services";
+import { TokensDataMap } from "types/tokens";
+import { SubgraphPool } from "pages/api/explore";
+
+// Fetcher
+const homepagePoolsFetcher = async (
+ ...ids: number[]
+): Promise<{
+ pools: SubgraphPool[];
+ tokensData: TokensDataMap;
+}> => {
+ const pools = await queryFusePools(ids);
+ const addresses = new Set();
+ for (let pool of pools) {
+ for (let asset of pool.assets) {
+ addresses.add(asset.underlying.address);
+ }
+ }
+ const tokensData = await fetchTokensAPIDataAsMap([...Array.from(addresses)]);
+ return { pools, tokensData };
+};
-const Home = React.memo(() => {
+const Home = () => {
// const { isAuthed } = useRari();
const isMobile = useIsSmallScreen();
- const navigate = useNavigate();
-
- const [val, setVal] = useState("");
-
const { getNumberTVL } = useTVLFetchers();
- const pools = useFusePoolsData(
- HOMEPAGE_FUSE_POOLS.map(({ id }: { id: number }) => id)
+ const { data } = useSWR(
+ [...HOMEPAGE_FUSE_POOLS.map((pool) => pool.id)],
+ homepagePoolsFetcher
);
- const handleSubmit = () => {
- navigate(`/token/${val}`);
+ const { pools, tokensData } = data ?? {
+ pools: [],
+ tokensData: {},
};
+ const sliceNum = useBreakpointValue({ sm: 4, md: 4, lg: 6, xl: 8 });
+
return (
{
mx="auto"
width="100%"
>
- {/* Header */}
-
-
{/* Hero */}
{
, lend and borrow
+
-
+
@@ -128,12 +141,14 @@ const Home = React.memo(() => {
crossAxisAlignment="center"
width="100%"
height="100%"
+ my={5}
// px="20%"
>
@@ -255,7 +267,7 @@ const Home = React.memo(() => {
{/* Easily Earn (Vaults) */}
- {
mb={5}
>
Easily Earn
-
-
-
- View All
-
-
-
+
+
+ View All
+
+
-
+ */}
{/* Explore Today */}
-
-
);
-});
+};
export default Home;
diff --git a/src/components/pages/Home/HomeCarousel.tsx b/src/components/pages/Home/HomeCarousel.tsx
index cdece64cc..136fde0c8 100644
--- a/src/components/pages/Home/HomeCarousel.tsx
+++ b/src/components/pages/Home/HomeCarousel.tsx
@@ -2,10 +2,10 @@ import { Box, Heading, Text } from "@chakra-ui/layout";
import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
import { Carousel } from "react-responsive-carousel";
-import { Column } from "buttered-chakra";
+import { Column } from "lib/chakraUtils";
import { useIsSmallScreen } from "hooks/useIsSmallScreen";
import { useFuseDataForAssets } from "hooks/fuse/useFuseDataForAsset";
-import { smallStringUsdFormatter } from "utils/bigUtils";
+import { shortUsdFormatter } from "utils/bigUtils";
const ASSETS = ["DAI", "ETH", "RGT"];
@@ -34,18 +34,19 @@ const HomeCarousel = () => {
>
{pools.map((pool, i) => {
return (
-
+
The Rari Capital Ecosystem currently has{" "}
{" "}
- earning{" "}
+ text={`${shortUsdFormatter(pool.totalSuppliedUSD)}
+ `}
+ />
+ in {" "}
+
+ {" "} earning{" "}
{" "}
diff --git a/src/components/pages/Home/HomeFuseCard.tsx b/src/components/pages/Home/HomeFuseCard.tsx
index 0772def30..c576ce231 100644
--- a/src/components/pages/Home/HomeFuseCard.tsx
+++ b/src/components/pages/Home/HomeFuseCard.tsx
@@ -1,28 +1,36 @@
import { useMemo } from "react";
-import { Link as RouterLink } from "react-router-dom";
import {
AvatarGroup,
Avatar,
Heading,
- Link,
SkeletonText,
Text,
+ Image,
} from "@chakra-ui/react";
-import {
- FusePoolData,
- USDPricedFuseAssetWithTokenData,
-} from "utils/fetchFusePoolData";
import { HomepageFusePool, HOMEPAGE_FUSE_POOLS } from "constants/homepage";
import DashboardBox from "components/shared/DashboardBox";
+import AppLink from "components/shared/AppLink";
+import { SubgraphPool } from "pages/api/explore";
+import { TokensDataMap } from "types/tokens";
+import { isMobile } from "web3modal";
+import { useIsMobile } from "lib/chakraUtils";
-const HomeFuseCard = ({ pool }: { pool: FusePoolData | undefined }) => {
+const HomeFuseCard = ({
+ pool,
+ tokensData,
+}: {
+ pool: SubgraphPool | undefined;
+ tokensData: TokensDataMap;
+}) => {
const { title, subtitle }: HomepageFusePool = useMemo(() => {
if (!pool) return { title: null, subtitle: null, id: -1 };
- return HOMEPAGE_FUSE_POOLS.find((p) => p.id === pool.id)!;
+ return HOMEPAGE_FUSE_POOLS.find((p) => p.id == parseInt(pool.index))!;
}, [pool]);
+ const isMobile = useIsMobile();
+
const assetsSubtitle: string | null = useMemo(() => {
if (!pool) return null;
@@ -31,8 +39,7 @@ const HomeFuseCard = ({ pool }: { pool: FusePoolData | undefined }) => {
const symbols: string[] = [];
pool.assets.forEach((a, i) => {
- const asset = a as USDPricedFuseAssetWithTokenData;
- const { symbol } = asset?.tokenData ?? {};
+ const { symbol } = a.underlying;
if (i < NUM && symbol) symbols.push(symbol!);
});
@@ -52,14 +59,19 @@ const HomeFuseCard = ({ pool }: { pool: FusePoolData | undefined }) => {
// animate={{ opacity: 1, x: 0 }}
// exit={{ opacity: 0, x: -40 }}
// >
-
{
>
{pool?.assets.slice(0, 3).map((asset) => {
- const _asset = asset as USDPricedFuseAssetWithTokenData;
return (
);
})}
- {title ?? pool?.name}
-
- {subtitle ?? assetsSubtitle}
-
+
+ {title ?? pool?.name}
+
+ {!isMobile && (
+
+ {subtitle ?? assetsSubtitle}
+
+ )}
+ {/* */}
-
+
//
);
};
diff --git a/src/components/pages/Home/HomeSection.tsx b/src/components/pages/Home/HomeSection.tsx
index b7603664a..a0cc84dd2 100644
--- a/src/components/pages/Home/HomeSection.tsx
+++ b/src/components/pages/Home/HomeSection.tsx
@@ -1,5 +1,5 @@
import React, { ReactNode } from "react";
-import { Row } from "buttered-chakra";
+import { Row } from "lib/chakraUtils";
const HomeSection = ({ children, ...rowProps }: { children: ReactNode[] }) => {
return (
diff --git a/src/components/pages/Home/HomeVaultCard.tsx b/src/components/pages/Home/HomeVaultCard.tsx
index cdc459352..74ae28399 100644
--- a/src/components/pages/Home/HomeVaultCard.tsx
+++ b/src/components/pages/Home/HomeVaultCard.tsx
@@ -1,11 +1,11 @@
import { useMemo } from "react";
-import { Link as RouterLink } from "react-router-dom";
import { Box, Heading, Image, Text, Skeleton } from "@chakra-ui/react";
-import { Column } from "buttered-chakra";
+import { Column } from "lib/chakraUtils";
import { HomepageOpportunity } from "constants/homepage";
import { useOpportunitySubtitle } from "hooks/homepage/useOpportunitySubtitle";
import { getOpportunityLink } from "utils/homepage";
+import AppLink from "components/shared/AppLink";
const HomeVaultCard = ({
opportunity,
@@ -16,34 +16,41 @@ const HomeVaultCard = ({
const link = useMemo(() => getOpportunityLink(opportunity), [opportunity]);
return (
-
-
- {opportunity.title}
-
- {`${subheading}`}
-
-
-
-
-
-
+
+
+
+ {opportunity.title}
+
+ {`${subheading}`}
+
+
+
+
+
+
+
);
};
diff --git a/src/components/pages/Home/OpportunityCard.tsx b/src/components/pages/Home/OpportunityCard.tsx
index cb2d2dc10..54298e658 100644
--- a/src/components/pages/Home/OpportunityCard.tsx
+++ b/src/components/pages/Home/OpportunityCard.tsx
@@ -1,17 +1,14 @@
import { useMemo } from "react";
-import { Link as RouterLink } from "react-router-dom";
-import {
- Box,
- Heading,
- Text,
- Image,
- Skeleton,
-} from "@chakra-ui/react";
-import { Column, Row } from "buttered-chakra";
+import { Box, Heading, Text, Image, Skeleton } from "@chakra-ui/react";
+import { Column, Row } from "lib/chakraUtils";
-import { HomepageOpportunity } from "constants/homepage";
+import {
+ HomepageOpportunity,
+ HomepageOpportunityType,
+} from "constants/homepage";
import { useOpportunitySubtitle } from "hooks/homepage/useOpportunitySubtitle";
import { getOpportunityLink } from "utils/homepage";
+import AppLink from "components/shared/AppLink";
const OpportunityCard = ({
opportunity,
@@ -22,50 +19,110 @@ const OpportunityCard = ({
const link = useMemo(() => getOpportunityLink(opportunity), [opportunity]);
return (
-
-
+
-
- {opportunity.title}
-
- {`${subheading}`}
-
-
- {opportunity.subtitle}
-
-
-
-
-
-
-
+
+
+ {opportunity.title}
+
+
+ {`${subheading}`}
+
+
+
+ {opportunity.subtitle}
+
+
+
+
+
+
+ {/* */}
+
+
);
};
diff --git a/src/components/pages/InterestRates/InterestRates.tsx b/src/components/pages/InterestRates/InterestRates.tsx
new file mode 100644
index 000000000..96d9e9bad
--- /dev/null
+++ b/src/components/pages/InterestRates/InterestRates.tsx
@@ -0,0 +1,51 @@
+// Components
+import { Alert, Link, AlertIcon } from "@chakra-ui/react";
+import { Column } from "lib/chakraUtils";
+import InterestRatesView from "./InterestRatesView";
+// Hooks
+import { useIsSmallScreen } from "hooks/useIsSmallScreen";
+import { useTranslation } from "react-i18next";
+
+export default function InterestRates() {
+ const isMobile = useIsSmallScreen();
+ const { t } = useTranslation();
+
+ return (
+
+
+
+
+ {t(
+ "This page is currently in beta. If you notice any issues, please"
+ )}{" "}
+
+ {t("let us know!")}
+
+
+
+ {isMobile ? (
+
+
+
+ {t(
+ "This page is not optimized for use on smaller screens. Sorry for the inconvenience!"
+ )}
+
+
+ ) : null}
+
+
+ );
+}
diff --git a/src/components/pages/InterestRates/InterestRatesTable.tsx b/src/components/pages/InterestRates/InterestRatesTable.tsx
new file mode 100644
index 000000000..dbdfc6762
--- /dev/null
+++ b/src/components/pages/InterestRates/InterestRatesTable.tsx
@@ -0,0 +1,284 @@
+import { useContext, useMemo, useState } from "react";
+
+// Components
+import { Avatar, Box, Link, Spinner } from "@chakra-ui/react";
+import { Table, Td, Th, Tr, Thead, Tbody } from "@chakra-ui/table";
+import { WindowTable } from "window-table";
+
+// Context
+import {
+ InterestRatesContext,
+ InterestRatesTableOptions,
+} from "./InterestRatesView";
+
+// Types
+import { MarketInfo } from "hooks/interestRates/types";
+import { TokenData } from "hooks/useTokenData";
+import { useTranslation } from "next-i18next";
+import AppLink from "components/shared/AppLink";
+
+const DEFAULT_COLUMNS: any = [
+ {
+ title: "Asset",
+ key: "asset",
+ width: 375,
+ Component: AssetTitle,
+ },
+ {
+ title: "Compound",
+ key: "compound",
+ width: 150,
+ Component: PercentageComponent,
+ },
+ {
+ title: "Aave",
+ key: "aave",
+ width: 150,
+ Component: PercentageComponent,
+ },
+];
+
+export default function InterestRatesTable() {
+ const { fusePools, tokens, markets } = useContext(InterestRatesContext);
+
+ const columns = useMemo(
+ () => [
+ ...DEFAULT_COLUMNS,
+ ...(fusePools?.map((pool) => {
+ return {
+ key: pool.id.toString(),
+ width: 150,
+ title: pool.pool.name,
+ Component: PercentageComponent,
+ };
+ }) || []),
+ ],
+ [fusePools]
+ );
+
+ const data = useMemo(
+ () => [
+ ...tokens.map((token) => {
+ return {
+ asset: JSON.stringify(token),
+ compound: JSON.stringify(
+ markets.compound.find(
+ (market) => market.tokenAddress === token.address
+ )
+ ),
+ aave: JSON.stringify(
+ markets.aave.find((market) => market.tokenAddress === token.address)
+ ),
+ fuse: JSON.stringify(
+ fusePools
+ ?.map((pool) => {
+ return {
+ id: pool.id.toString(),
+ marketInfo: markets.fuse[pool.id.toString()]?.find(
+ (market) => market.tokenAddress === token.address
+ ),
+ };
+ })
+ // filter out empty items
+ .filter(
+ (item) =>
+ item.marketInfo && Object.keys(item.marketInfo).length !== 0
+ )
+ ),
+ };
+ }),
+ // last couple items are here to add additional padding
+ {
+ asset: "NO_ASSET",
+ compound: "",
+ aave: "",
+ fuse: "",
+ },
+ {
+ asset: "NO_ASSET",
+ compound: "",
+ aave: "",
+ fuse: "",
+ },
+ ],
+ [tokens, fusePools, markets]
+ );
+
+ return (
+
+
+ {/* gradient at rightmost edge of scroll to hint at scrolling functionality */}
+
+
+ );
+}
+
+function TableCell({ children, column, ...props }: any) {
+ return (
+
+ {children}
+
+ );
+}
+
+function TableRow({ children, row, ...props }: any) {
+ const { t } = useTranslation();
+
+ // NO_ASSET is for blank rows (added jankily to provide padding at the end of the list)
+ return row.asset === "NO_ASSET" || row.asset === "NO_RESULTS" ? (
+
+
+ {row.asset === "NO_ASSET" ? "" : t("No assets match your search.")}
+
+
+ ) : (
+
{children}
+ );
+}
+
+function HeaderCell({ children, column, ...props }: any) {
+ const poolLink = useMemo(() => {
+ switch (column.key) {
+ case "asset":
+ return "";
+ case "aave":
+ return "https://app.aave.com/markets";
+ case "compound":
+ return "https://app.compound.finance/";
+ default:
+ // column.key is the pool ID for Fuse pools
+ return "/fuse/pool/" + column.key;
+ }
+ }, [column.key]);
+
+ return (
+ // janky way to make exception for asset column
+
- 
+## Requirements
-