Bao app dev lend

src/bao/lib/config.ts

@@ -815,4 +815,218 @@ export default {
 			],
 		},
 	],
+	lendMarkets: {
+		weETH: {
+			id: 1,
+			active: true,
+			name: 'weETH',
+			desc: 'Wrapped eETH',
+			comptroller: '0xf55044bb140DD3Eeb7372bd722C323c87d8AE798',
+			oracle: '0xc7D8b6b170E0FCf4182fa29b47F35F48C402bF0F',
+			marketAddresses: {
+				1: '0x353A07b25c84a522356aF2D9a7c0d7FF481733e9',
+			},
+			underlyingAddresses: {
+				1: '0xCd5fE23C85820F7B72D0926FC9b05b43E359b7ee',
+			},
+			assets: [
+				{
+					id: 1,
+					active: true,
+					marketAddress: {
+						1: '0x353A07b25c84a522356aF2D9a7c0d7FF481733e9',
+					},
+					underlyingAddress: {
+						1: '0xCd5fE23C85820F7B72D0926FC9b05b43E359b7ee',
+					},
+					underlyingDecimals: 18,
+					name: 'weETH',
+					icon: '/images/tokens/weETH.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 2,
+					active: true,
+					marketAddress: {
+						1: '0x085c35278fDC840b9Ca74AAB226bA8E2f95C446F',
+					},
+					underlyingAddress: {
+						1: '0x7945b0A6674b175695e5d1D08aE1e6F13744Abb0',
+					},
+					underlyingDecimals: 18,
+					name: 'BaoUSD',
+					icon: '/images/tokens/baoUSD.png',
+					supply: true,
+					borrow: true,
+				},
+				{
+					id: 3,
+					active: true,
+					marketAddress: {
+						1: '0xdC39e6365AA75D762729513004c956D1475bED20',
+					},
+					underlyingAddress: {
+						1: '0xf4edfad26EE0D23B69CA93112eccE52704E0006f',
+					},
+					underlyingDecimals: 18,
+					name: 'BaoETH',
+					icon: '/images/tokens/baoETH.png',
+					supply: true,
+					borrow: true,
+				},
+				{
+					id: 4,
+					active: true,
+					marketAddress: {
+						1: '0x357FE927DC3Ee1be7ba1423bc5485BC8CD066040',
+					},
+					underlyingAddress: {
+						1: '0xc69Ad9baB1dEE23F4605a82b3354F8E40d1E5966',
+					},
+					underlyingDecimals: 18,
+					name: 'PTweETHJUN',
+					icon: '/images/tokens/weETH.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 5,
+					active: true,
+					marketAddress: {
+						1: '0x0930B04032E52daBC2324533c015bc27Ad5B35B7',
+					},
+					underlyingAddress: {
+						1: '0x1c085195437738d73d75DC64bC5A3E098b7f93b1',
+					},
+					underlyingDecimals: 18,
+					name: 'PTweETHSEP',
+					icon: '/images/tokens/weETH.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 6,
+					active: true,
+					marketAddress: {
+						1: '0x672bf1cdE0F352296fA759BefF392997C809cd8a',
+					},
+					underlyingAddress: {
+						1: '0x6ee2b5E19ECBa773a352E5B21415Dc419A700d1d',
+					},
+					underlyingDecimals: 18,
+					name: 'PTweETHDEC',
+					icon: '/images/tokens/weETH.png',
+					supply: true,
+					borrow: false,
+				},
+			],
+		},
+		USDe: {
+			id: 1,
+			active: true,
+			name: 'USDe',
+			desc: 'Ethena USDe',
+			comptroller: '0x46396230c61776A384c1c00c04A9784c4a2F5d8F',
+			oracle: '0xba2fdeb1d483acbdb196b39473e7af90268afa67',
+			marketAddresses: {
+				1: '0x680358d70b34a00f2d661bb4f95E1C14E5Dae93F',
+			},
+			underlyingAddresses: {
+				1: '0x4c9EDD5852cd905f086C759E8383e09bff1E68B3',
+			},
+			assets: [
+				{
+					id: 1,
+					active: true,
+					marketAddress: {
+						1: '0x680358d70b34a00f2d661bb4f95E1C14E5Dae93F',
+					},
+					underlyingAddress: {
+						1: '0x4c9EDD5852cd905f086C759E8383e09bff1E68B3',
+					},
+					underlyingDecimals: 18,
+					name: 'USDe',
+					icon: '/images/tokens/USDe.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 2,
+					active: true,
+					marketAddress: {
+						1: '0xe606AE6d6394a977a8B0926557BF9D291051f989',
+					},
+					underlyingAddress: {
+						1: '0x7945b0A6674b175695e5d1D08aE1e6F13744Abb0',
+					},
+					underlyingDecimals: 18,
+					name: 'BaoUSD',
+					icon: '/images/tokens/baoUSD.png',
+					supply: true,
+					borrow: true,
+				},
+				{
+					id: 3,
+					active: true,
+					marketAddress: {
+						1: '0xDe10BEd5236B786cAA18Ca39FFa5de1b904a8a94',
+					},
+					underlyingAddress: {
+						1: '0xf4edfad26EE0D23B69CA93112eccE52704E0006f',
+					},
+					underlyingDecimals: 18,
+					name: 'BaoETH',
+					icon: '/images/tokens/baoETH.png',
+					supply: true,
+					borrow: true,
+				},
+				{
+					id: 4,
+					active: true,
+					marketAddress: {
+						1: '0xD011778057AA740BB3703Ad4d78b3c79a1aED1cb',
+					},
+					underlyingAddress: {
+						1: '0x9D39A5DE30e57443BfF2A8307A4256c8797A3497',
+					},
+					underlyingDecimals: 18,
+					name: 'sUSDe',
+					icon: '/images/tokens/sUSDe.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 5,
+					active: true,
+					marketAddress: {
+						1: '0x3d881b3C7B690f05E672cD0F8fCbC0aE3A7292CF',
+					},
+					underlyingAddress: {
+						1: '0xa0021EF8970104c2d008F38D92f115ad56a9B8e1',
+					},
+					underlyingDecimals: 18,
+					name: 'PTUSDeJUL',
+					icon: '/images/tokens/USDe.png',
+					supply: true,
+					borrow: false,
+				},
+				{
+					id: 6,
+					active: true,
+					marketAddress: {
+						1: '0x4cd395CB5edF33b44E73257ee614413f95d1a6cD',
+					},
+					underlyingAddress: {
+						1: '0x6c9f097e044506712B58EAC670c9a5fd4BCceF13',
+					},
+					underlyingDecimals: 18,
+					name: 'PTsUSDeSEP',
+					icon: '/images/tokens/sUSDe.png',
+					supply: true,
+					borrow: false,
+				},
+			],
+		},
+	},
 } as unknown as Config

src/bao/lib/types.ts

@@ -217,6 +217,10 @@ export interface Config {
 	}
 	gauges: SupportedGauge[]
 	swapTokens: SwapToken[]
+	assets: Asset[]
+	lendMarkets: {
+		[market: string]: LendMarket
+	}
 }
 
 export interface SwapToken {
@@ -241,3 +245,56 @@ export interface SwapToken {
 		},
 	]
 }
+
+export interface LendMarket {
+	id: number
+	active: boolean
+	comptroller: string
+	oracle: string
+	name: string
+	desc: string
+	marketAddresses: {
+		[network: number]: string
+	}
+	underlyingAddresses: {
+		[network: number]: string
+	}
+	assets: Asset[]
+}
+
+export interface ActiveLendMarket {
+	marketAddress: string
+	marketContract: Cether | Ctoken
+	underlyingAddress: string
+	underlyingContract?: Erc20
+}
+
+export interface Asset {
+	id: number
+	active: boolean
+	marketAddress: {
+		[network: number]: string
+	}
+	underlyingAddress: {
+		[network: number]: string
+	}
+	underlyingDecimals: number
+	name: string
+	icon: string
+	supply: boolean
+	borrow: boolean
+}
+
+export type Balance = {
+	address: string
+	symbol: string
+	balance: BigNumber
+	decimals: number
+}
+
+export type TotalSupply = {
+	address: string
+	symbol: string
+	totalSupply: BigNumber
+	decimals: number
+}

src/components/Button/Button.tsx

@@ -19,6 +19,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
 	children?: ReactNode
 	size?: ButtonSize
 	fullWidth?: boolean
+	width?: string | boolean
 	pendingTx?: string | boolean
 	txHash?: string
 	inline?: boolean
@@ -28,7 +29,10 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
 }
 
 const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-	({ children, className = '', size = 'md', fullWidth = false, pendingTx, txHash, inline, text, href, disabled, ...rest }, ref) => {
+	(
+		{ children, className = '', size = 'md', fullWidth = false, width = false, pendingTx, txHash, inline, text, href, disabled, ...rest },
+		ref,
+	) => {
 		const ButtonChild = useMemo(() => {
 			if (href) {
 				return (
@@ -55,8 +59,9 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
 					Size[size],
 					inline ? 'inline-block' : 'flex',
 					fullWidth ? 'w-full' : '',
+					width ? width : 'w-fit',
 					disabled ? 'cursor-not-allowed opacity-50' : '',
-					`relative flex w-fit items-center justify-center overflow-hidden glassmorphic-card border border-baoWhite border-opacity-20
+					`relative flex items-center justify-center overflow-hidden glassmorphic-card border border-baoWhite border-opacity-20
 				bg-baoWhite bg-opacity-5 px-4 py-2 font-bakbak text-lg text-baoWhite duration-300 hover:border-baoRed hover:bg-baoRed hover:bg-opacity-20`,
 					className,
 				)}

src/components/Header/Header.tsx

@@ -108,6 +108,7 @@ const Header: FC = () => {
 														<MobileNavLink href='/swap'>SWAP</MobileNavLink>
 														<MobileNavLink href='/earn'>EARN</MobileNavLink>
 														<MobileNavLink href='/vebao'>VEBAO</MobileNavLink>
+														<MobileNavLink href='/lend'>LEND</MobileNavLink>
 													</div>
 												</Popover.Panel>
 											</>

src/components/Nav/Nav.tsx

@@ -24,6 +24,7 @@ const Nav: FC<NavLinkProps> = ({ href, exact }) => {
 		['2', 'SWAP', '/swap'],
 		['3', 'EARN', '/earn'],
 		['4', 'VEBAO', '/vebao'],
+		['5', 'LEND', '/lend'],
 	]
 
 	return (

src/hooks/lend/useAccountBalances.ts

@@ -0,0 +1,57 @@
+import useBao from '@/hooks/base/useBao'
+import { useWeb3React } from '@web3-react/core'
+import { useQuery } from '@tanstack/react-query'
+import { providerKey } from '@/utils/index'
+import { Contract } from '@ethersproject/contracts'
+import { Erc20__factory } from '@/typechain/factories'
+import MultiCall from '@/utils/multicall'
+import Config from '@/bao/lib/config'
+import { Balance } from '@/bao/lib/types'
+import { useTxReceiptUpdater } from '@/hooks/base/useTransactionProvider'
+
+export const useAccountBalances = (marketName: string): Balance[] => {
+	const bao = useBao()
+	const { account, library, chainId } = useWeb3React()
+	const enabled = !!bao && !!account && !!chainId && !!marketName
+	const { data: balances, refetch } = useQuery(
+		['@/hooks/lend/useAccountBalance', providerKey(library, account, chainId), { enabled, marketName }],
+		async () => {
+			const tokens = Config.lendMarkets[marketName].assets.map(asset => asset.underlyingAddress[chainId])
+			const contracts: Contract[] = tokens.filter(address => address !== 'ETH').map(address => Erc20__factory.connect(address, library))
+
+			const res = MultiCall.parseCallResults(
+				await bao.multicall.call(
+					MultiCall.createCallContext(
+						contracts.map(
+							contract =>
+								contract && {
+									ref: contract.address,
+									contract,
+									calls: [{ method: 'symbol' }, { method: 'decimals' }, { method: 'balanceOf', params: [account] }],
+								},
+						),
+					),
+				),
+			)
+			const ethBalance = await library.getBalance(account)
+
+			return tokens.map(address => {
+				const symbol = res[address] ? res[address][0].values[0] : 'ETH'
+				const decimals = res[address] ? res[address][1].values[0] : 18
+				const balance = res[address] ? res[address][2].values[0] : ethBalance
+				return { address, symbol, balance, decimals }
+			})
+		},
+		{
+			enabled,
+		},
+	)
+
+	const _refetch = () => {
+		if (enabled) refetch()
+	}
+
+	useTxReceiptUpdater(_refetch)
+
+	return balances
+}