From fcc6c4d694c5f71b72392a1a002c9097b137a0ea Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 16:30:45 -0300 Subject: [PATCH 01/52] Tooltip tweak --- projects/ui/src/components/Silo/Overview.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/ui/src/components/Silo/Overview.tsx b/projects/ui/src/components/Silo/Overview.tsx index 5ce2f8c8d8..1f7d3ad908 100644 --- a/projects/ui/src/components/Silo/Overview.tsx +++ b/projects/ui/src/components/Silo/Overview.tsx @@ -33,7 +33,7 @@ const depositStats = (s: BigNumber, v: BigNumber[], d: string) => ( title="Value Deposited" titleTooltip={ <> - Shows the historical value of your Silo Deposits.
+ The historical USD value of your Silo Deposits.
Note: Unripe assets are valued based on the current Chop Rate. Earned Beans are shown upon Plant. From a47a695618101c9664f2302d6b3e20f6cbf9a194 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 16:38:36 -0300 Subject: [PATCH 02/52] Silo Carousel copy and image tweak --- .../ui/src/components/Silo/SiloCarousel.tsx | 6 +- .../img/beanstalk/silo/edu/earnStalkImg.svg | 116 ++++++++++++++++++ 2 files changed, 119 insertions(+), 3 deletions(-) create mode 100644 projects/ui/src/img/beanstalk/silo/edu/earnStalkImg.svg diff --git a/projects/ui/src/components/Silo/SiloCarousel.tsx b/projects/ui/src/components/Silo/SiloCarousel.tsx index 097c152f82..31f24f9be5 100644 --- a/projects/ui/src/components/Silo/SiloCarousel.tsx +++ b/projects/ui/src/components/Silo/SiloCarousel.tsx @@ -15,6 +15,7 @@ import depositUrBeanImg from '~/img/beanstalk/silo/edu/depositUrBeanImg.svg'; import depositBeanEth from '~/img/beanstalk/silo/edu/depositBeanEth.svg'; import depositUrBeanEth from '~/img/beanstalk/silo/edu/depositUrBeanEth.svg'; import earnStalkAndSeedsImg from '~/img/beanstalk/silo/edu/earnStalkAndSeedsImg.svg'; +import earnStalkImg from '~/img/beanstalk/silo/edu/earnStalkImg.svg'; import { BeanstalkPalette } from '~/components/App/muiTheme'; import Carousel from '~/components/Common/Carousel/Carousel'; import EmbeddedCard from '~/components/Common/EmbeddedCard'; @@ -66,12 +67,11 @@ const useCardContentWithToken = (token: ERC20Token) => [ imageSrc: depositCardContentByToken[token.address]?.img || depositBeanImg, }, { - title: 'Receive Stalk and Seeds for your Deposit', + title: `Receive Stalk ${!token.isUnripe ? 'and Seeds' : ''} for your Deposit`, texts: [ 'Stalk entitles holders to participate in Beanstalk governance and earn a portion of Bean mints.', - 'Seeds yield 1/10000 new Stalk every Season.', ], - imageSrc: earnStalkAndSeedsImg, + imageSrc: token.isUnripe ? earnStalkImg : earnStalkAndSeedsImg, }, { title: 'Earn Beans', diff --git a/projects/ui/src/img/beanstalk/silo/edu/earnStalkImg.svg b/projects/ui/src/img/beanstalk/silo/edu/earnStalkImg.svg new file mode 100644 index 0000000000..0b3fce329a --- /dev/null +++ b/projects/ui/src/img/beanstalk/silo/edu/earnStalkImg.svg @@ -0,0 +1,116 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 6947a8aaa3dab227a4ace018021a0ed0acc92609 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 16:50:23 -0300 Subject: [PATCH 03/52] Tooltip copy update --- projects/ui/src/components/Silo/Actions/Convert.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/projects/ui/src/components/Silo/Actions/Convert.tsx b/projects/ui/src/components/Silo/Actions/Convert.tsx index 609d4a41db..98ca5d6abc 100644 --- a/projects/ui/src/components/Silo/Actions/Convert.tsx +++ b/projects/ui/src/components/Silo/Actions/Convert.tsx @@ -260,7 +260,11 @@ const ConvertForm: FC< const getConvertWarning = () => { let pool = tokenIn.isLP ? tokenIn.symbol : tokenOut!.symbol; - pool += ' pool'; + if (tokenOut && !tokenOut.equals(sdk.tokens.BEAN_CRV3_LP)) { + pool += ' Well'; + } else { + pool += ' pool'; + } if (['urBEANETH', 'urBEAN'].includes(tokenIn.symbol)) pool = 'BEANETH Well'; const lowerOrGreater = From 51d4cfb3eab6c596a403623dd4def9d455502e54 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 16:51:06 -0300 Subject: [PATCH 04/52] Tooltip copy tweak --- projects/ui/src/components/Silo/Actions/Convert.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/ui/src/components/Silo/Actions/Convert.tsx b/projects/ui/src/components/Silo/Actions/Convert.tsx index 98ca5d6abc..a1caca2fca 100644 --- a/projects/ui/src/components/Silo/Actions/Convert.tsx +++ b/projects/ui/src/components/Silo/Actions/Convert.tsx @@ -268,7 +268,7 @@ const ConvertForm: FC< if (['urBEANETH', 'urBEAN'].includes(tokenIn.symbol)) pool = 'BEANETH Well'; const lowerOrGreater = - tokenIn.isLP || tokenIn.symbol === 'urBEANETH' ? 'lower' : 'greater'; + tokenIn.isLP || tokenIn.symbol === 'urBEANETH' ? 'less' : 'greater'; const message = `${tokenIn.symbol} can only be Converted to ${tokenOut?.symbol} when deltaB in the ${pool} is ${lowerOrGreater} than 0.`; From 7b712893277b34d639001b0d0c96343050458b28 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 17:33:12 -0300 Subject: [PATCH 05/52] Claim Bean copy tweaks --- projects/ui/src/components/Barn/Actions/Buy.tsx | 4 ++-- .../Common/Form/FormTxn/ClaimBeanDrawerToggle.tsx | 6 +++--- projects/ui/src/components/Field/Actions/Sow.tsx | 4 ++-- projects/ui/src/components/Silo/Actions/Deposit.tsx | 4 ++-- 4 files changed, 9 insertions(+), 9 deletions(-) diff --git a/projects/ui/src/components/Barn/Actions/Buy.tsx b/projects/ui/src/components/Barn/Actions/Buy.tsx index a9a50db4f6..b00702154e 100644 --- a/projects/ui/src/components/Barn/Actions/Buy.tsx +++ b/projects/ui/src/components/Barn/Actions/Buy.tsx @@ -206,7 +206,7 @@ const BuyForm: FC< balanceFrom={values.balanceFrom} params={quoteProviderParams} /> - + {/* Outputs */} {fert?.gt(0) ? ( <> @@ -287,7 +287,7 @@ const BuyForm: FC< Buy - + quoteProviderProps={{ tokenOut: token, diff --git a/projects/ui/src/components/Common/Form/FormTxn/ClaimBeanDrawerToggle.tsx b/projects/ui/src/components/Common/Form/FormTxn/ClaimBeanDrawerToggle.tsx index 2c14ace0a8..4e4d8eb75e 100644 --- a/projects/ui/src/components/Common/Form/FormTxn/ClaimBeanDrawerToggle.tsx +++ b/projects/ui/src/components/Common/Form/FormTxn/ClaimBeanDrawerToggle.tsx @@ -35,7 +35,7 @@ const actionsToIconMap = { }, }; -const ClaimBeanDrawerToggle: React.FC<{}> = () => { +const ClaimBeanDrawerToggle: React.FC<{ actionText?: string }> = ({ actionText }) => { /// Formik const { values } = useFormikContext(); @@ -94,10 +94,10 @@ const ClaimBeanDrawerToggle: React.FC<{}> = () => { /> - Use Claimable Beans + {`${actionText || 'Use'} Claimable Beans`} - Select assets to use in this transaction + Select additional assets to use in this transaction. diff --git a/projects/ui/src/components/Field/Actions/Sow.tsx b/projects/ui/src/components/Field/Actions/Sow.tsx index b0014b675a..a5e5f28c5a 100644 --- a/projects/ui/src/components/Field/Actions/Sow.tsx +++ b/projects/ui/src/components/Field/Actions/Sow.tsx @@ -268,7 +268,7 @@ const SowForm: FC< balanceFrom={values.balanceFrom} disableTokenSelect={!hasSoil || !maxAmountIn} /> - {hasSoil && } + {hasSoil && } {!hasSoil ? ( @@ -366,7 +366,7 @@ const SowForm: FC< Sow - + ); })} - {migrationNeeded === true ? null : } + {migrationNeeded === true ? null : } {isReady ? ( <> @@ -296,7 +296,7 @@ const DepositForm: FC< Deposit - + Date: Mon, 13 Nov 2023 17:41:23 -0300 Subject: [PATCH 06/52] Earned Bean copy tweaks --- .../components/Common/Form/FormTxn/AddPlantTxnToggle.tsx | 9 +++++---- projects/ui/src/components/Silo/Actions/Convert.tsx | 2 +- projects/ui/src/components/Silo/Actions/Transfer.tsx | 2 +- projects/ui/src/components/Silo/Actions/Withdraw.tsx | 2 +- 4 files changed, 8 insertions(+), 7 deletions(-) diff --git a/projects/ui/src/components/Common/Form/FormTxn/AddPlantTxnToggle.tsx b/projects/ui/src/components/Common/Form/FormTxn/AddPlantTxnToggle.tsx index 25807d6a77..a76288ce89 100644 --- a/projects/ui/src/components/Common/Form/FormTxn/AddPlantTxnToggle.tsx +++ b/projects/ui/src/components/Common/Form/FormTxn/AddPlantTxnToggle.tsx @@ -53,7 +53,8 @@ const sx = { */ const AddPlantTxnToggle: React.FC<{ plantAndDoX: PlantAndDoX | undefined; -}> = ({ plantAndDoX }) => { + actionText?: string; +}> = ({ plantAndDoX, actionText }) => { /// Local State const [open, show, hide] = useToggle(); @@ -123,10 +124,10 @@ const AddPlantTxnToggle: React.FC<{ /> - Use Earned Beans + {`${actionText || 'Use'} Earned Beans`} - Toggle to claim Earned Beans in your transaction + {`Toggle to ${actionText || 'claim'} Earned Beans in this transaction.`} @@ -149,7 +150,7 @@ const AddPlantTxnToggle: React.FC<{ > - You will Plant to claim these Silo rewards + You will claim these Silo rewards: {items.map((item, i) => ( diff --git a/projects/ui/src/components/Silo/Actions/Convert.tsx b/projects/ui/src/components/Silo/Actions/Convert.tsx index a1caca2fca..32f3e5b956 100644 --- a/projects/ui/src/components/Silo/Actions/Convert.tsx +++ b/projects/ui/src/components/Silo/Actions/Convert.tsx @@ -326,7 +326,7 @@ const ConvertForm: FC< params={quoteHandlerParams} /> {!canConvert && tokenOut && maxAmountIn ? null : ( - + )} {/* User Input: destination token */} diff --git a/projects/ui/src/components/Silo/Actions/Transfer.tsx b/projects/ui/src/components/Silo/Actions/Transfer.tsx index 07ac22bba9..445c35780d 100644 --- a/projects/ui/src/components/Silo/Actions/Transfer.tsx +++ b/projects/ui/src/components/Silo/Actions/Transfer.tsx @@ -194,7 +194,7 @@ const TransferForm: FC< balanceLabel="Deposited Balance" InputProps={InputProps} /> - + {depositedBalance?.gt(0) && ( <> diff --git a/projects/ui/src/components/Silo/Actions/Withdraw.tsx b/projects/ui/src/components/Silo/Actions/Withdraw.tsx index c7a3184a5d..1212c22609 100644 --- a/projects/ui/src/components/Silo/Actions/Withdraw.tsx +++ b/projects/ui/src/components/Silo/Actions/Withdraw.tsx @@ -279,7 +279,7 @@ const WithdrawForm: FC< /> - + {isReady ? ( From d8705f7662034a82af113a01d5194d8f91c0ae78 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Mon, 13 Nov 2023 17:43:08 -0300 Subject: [PATCH 07/52] Silo Carousel copy tweak --- projects/ui/src/components/Silo/SiloCarousel.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/projects/ui/src/components/Silo/SiloCarousel.tsx b/projects/ui/src/components/Silo/SiloCarousel.tsx index 31f24f9be5..823fe7445b 100644 --- a/projects/ui/src/components/Silo/SiloCarousel.tsx +++ b/projects/ui/src/components/Silo/SiloCarousel.tsx @@ -46,13 +46,7 @@ const useCardContentWithToken = (token: ERC20Token) => [ title: `Deposit ${token.name}`, texts: [ `Use the form to Deposit ${token.symbol} into the Silo.`, - `Beanstalk allows you to use ${ - token.isUnripe - ? token.symbol - : token.symbol === 'BEAN' - ? 'BEAN or ETH' - : 'BEAN, ETH, WETH, 3CRV, DAI, USDC, or USDT' - } from your wallet or Farm balance to Deposit ${ + `Beanstalk allows you to use different assets from your wallet or Farm balance to Deposit ${ token.symbol } into the Silo.${ token.isUnripe From b49a0e5c8854df82aa336c2d842ee432538c9faf Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 18:24:38 -0300 Subject: [PATCH 08/52] Copy tweak --- projects/ui/src/components/Silo/Actions/Convert.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/ui/src/components/Silo/Actions/Convert.tsx b/projects/ui/src/components/Silo/Actions/Convert.tsx index 32f3e5b956..7d81938bdc 100644 --- a/projects/ui/src/components/Silo/Actions/Convert.tsx +++ b/projects/ui/src/components/Silo/Actions/Convert.tsx @@ -194,10 +194,10 @@ const ConvertForm: FC< function getBDVTooltip(instantBDV: BigNumber, depositBDV: BigNumber) { return ( - + ~{displayFullBN(instantBDV, 2, 2)} - + ~{displayFullBN(depositBDV, 2, 2)} From d3fe50e458a39a162b854fa604e66e8dced03c7d Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 18:38:16 -0300 Subject: [PATCH 09/52] Copy tweaks, added tooltip --- .../ui/src/components/Balances/SiloBalancesHistory.tsx | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/projects/ui/src/components/Balances/SiloBalancesHistory.tsx b/projects/ui/src/components/Balances/SiloBalancesHistory.tsx index 6a323c5c47..321b735f76 100644 --- a/projects/ui/src/components/Balances/SiloBalancesHistory.tsx +++ b/projects/ui/src/components/Balances/SiloBalancesHistory.tsx @@ -59,7 +59,15 @@ const SiloBalancesHistory: React.FC<{}> = () => { queryData={queryData} height={300} StatProps={{ - title: 'Total Deposited Value', + title: 'Value Deposited', + titleTooltip: + <> + Shows the historical value of your Silo Deposits at the beginning of every Season.
+ + Note: Unripe assets are valued based on the current Chop Rate. Earned Beans are shown upon Plant. + + + , gap: 0.25, }} timeTabParams={timeTabParams} From d4c0948f35295401191e4f95b8820a9942963b25 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 18:43:43 -0300 Subject: [PATCH 10/52] Fixed bottom part of x-axis labels being cut off --- projects/ui/src/components/Balances/SiloBalancesHistory.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/ui/src/components/Balances/SiloBalancesHistory.tsx b/projects/ui/src/components/Balances/SiloBalancesHistory.tsx index 321b735f76..1b1b05aac3 100644 --- a/projects/ui/src/components/Balances/SiloBalancesHistory.tsx +++ b/projects/ui/src/components/Balances/SiloBalancesHistory.tsx @@ -53,7 +53,7 @@ const SiloBalancesHistory: React.FC<{}> = () => { }; return ( - + {account !== undefined ? ( Date: Tue, 14 Nov 2023 18:49:58 -0300 Subject: [PATCH 11/52] Fix black section in balance chart --- .../ui/src/components/Common/Charts/ChartPropProvider.tsx | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/projects/ui/src/components/Common/Charts/ChartPropProvider.tsx b/projects/ui/src/components/Common/Charts/ChartPropProvider.tsx index bd06ef5b84..cc1787b51e 100644 --- a/projects/ui/src/components/Common/Charts/ChartPropProvider.tsx +++ b/projects/ui/src/components/Common/Charts/ChartPropProvider.tsx @@ -200,6 +200,11 @@ const defaultChartStyles: ChartMultiStyles = { fillPrimary: chartColors.yellowLight, strokeWidth: 2, }, + 4: { + stroke: chartColors.blue, + fillPrimary: chartColors.blueLight, + strokeWidth: 2, + }, }; /** From 806d3ce4478f363403afd512e358b10dc4ece5bd Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 18:54:54 -0300 Subject: [PATCH 12/52] Increased decimals in Seed column --- projects/ui/src/components/Balances/SiloBalances.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/ui/src/components/Balances/SiloBalances.tsx b/projects/ui/src/components/Balances/SiloBalances.tsx index e691069db7..c445f77385 100644 --- a/projects/ui/src/components/Balances/SiloBalances.tsx +++ b/projects/ui/src/components/Balances/SiloBalances.tsx @@ -443,7 +443,7 @@ const SiloBalances: React.FC<{}> = () => { {displayFullBN( token.getSeeds(deposits?.bdv ?? ZERO_BN), - 0 + 2 )} From a6896bc05f540bfcad0be1dfdd3cf86d9e7fe74d Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 19:50:48 -0300 Subject: [PATCH 13/52] Even more copy tweaks --- projects/ui/src/components/Analytics/Bean/Crosses.tsx | 2 +- projects/ui/src/components/Analytics/Bean/DeltaB.tsx | 2 +- projects/ui/src/components/Analytics/Bean/Liquidity.tsx | 3 +-- .../src/components/Analytics/Bean/LiquiditySupplyRatio.tsx | 4 ++-- projects/ui/src/components/Analytics/Bean/MarketCap.tsx | 2 +- projects/ui/src/components/Analytics/Bean/Price.tsx | 2 +- projects/ui/src/components/Analytics/Bean/Supply.tsx | 2 +- projects/ui/src/components/Analytics/Bean/Volume.tsx | 2 +- projects/ui/src/components/Analytics/Bean/VolumeChart.tsx | 2 +- projects/ui/src/components/Analytics/Bean/index.tsx | 2 +- .../ui/src/components/Analytics/Field/HarvestedPods.tsx | 4 ++-- projects/ui/src/components/Analytics/Field/PodRate.tsx | 2 +- projects/ui/src/components/Analytics/Field/Pods.tsx | 2 +- projects/ui/src/components/Analytics/Field/RRoR.tsx | 2 +- projects/ui/src/components/Analytics/Field/Sown.tsx | 2 +- projects/ui/src/components/Analytics/Field/Temperature.tsx | 2 +- projects/ui/src/components/Analytics/Field/TotalSowers.tsx | 2 +- .../ui/src/components/Analytics/Silo/DepositedAsset.tsx | 2 +- projects/ui/src/components/Analytics/Silo/Seeds.tsx | 2 +- projects/ui/src/components/Analytics/Silo/Stalk.tsx | 2 +- projects/ui/src/components/Field/FieldStats.tsx | 2 +- projects/ui/src/components/Forecast/LiquidityByState.tsx | 6 +++--- projects/ui/src/components/Forecast/LiquidityOverTime.tsx | 1 + .../src/hooks/beanstalk/useBeanstalkBalancesBreakdown.tsx | 4 ++-- 24 files changed, 29 insertions(+), 29 deletions(-) diff --git a/projects/ui/src/components/Analytics/Bean/Crosses.tsx b/projects/ui/src/components/Analytics/Bean/Crosses.tsx index bd25879403..6447659644 100644 --- a/projects/ui/src/components/Analytics/Bean/Crosses.tsx +++ b/projects/ui/src/components/Analytics/Bean/Crosses.tsx @@ -17,7 +17,7 @@ const getValue = (season: SnapshotData) => season.crosses; const formatValue = (value: number) => `${value}`; const statProps = { title: 'Peg Crosses', - titleTooltip: 'The number of times Bean has crossed its peg. Does not include peg crosses due to ETH price movement.', + titleTooltip: 'The number of times Bean has crossed its peg.', gap: 0.25, sx: { ml: 0 }, }; diff --git a/projects/ui/src/components/Analytics/Bean/DeltaB.tsx b/projects/ui/src/components/Analytics/Bean/DeltaB.tsx index 5c9a239635..8105ce0fdf 100644 --- a/projects/ui/src/components/Analytics/Bean/DeltaB.tsx +++ b/projects/ui/src/components/Analytics/Bean/DeltaB.tsx @@ -20,7 +20,7 @@ const formatValue = (value: number) => `${value.toLocaleString('en-us', { maximumFractionDigits: 2 })}`; const statProps = { title: 'deltaB', - titleTooltip: 'The liquidity and time weighted average shortage of Beans in liquidity pools on the Oracle Whitelist at the end of every Season.', + titleTooltip: 'The liquidity and time weighted average shortage of Beans in liquidity pools on the Oracle Whitelist at the beginning of every Season.', gap: 0.25, }; diff --git a/projects/ui/src/components/Analytics/Bean/Liquidity.tsx b/projects/ui/src/components/Analytics/Bean/Liquidity.tsx index 1ab475a657..9300426153 100644 --- a/projects/ui/src/components/Analytics/Bean/Liquidity.tsx +++ b/projects/ui/src/components/Analytics/Bean/Liquidity.tsx @@ -18,8 +18,7 @@ const formatValue = (value: number) => `$${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Liquidity', - titleTooltip: - 'The USD value of the tokens in the BEAN:3CRV and BEAN:ETH pools at the end of every Season.', + titleTooltip: 'The total USD value of the tokens in liquidity pools on the Oracle Whitelist at the beginning of every Season.', gap: 0.25, }; const queryConfig = { diff --git a/projects/ui/src/components/Analytics/Bean/LiquiditySupplyRatio.tsx b/projects/ui/src/components/Analytics/Bean/LiquiditySupplyRatio.tsx index 296269089e..fe312ab7e3 100644 --- a/projects/ui/src/components/Analytics/Bean/LiquiditySupplyRatio.tsx +++ b/projects/ui/src/components/Analytics/Bean/LiquiditySupplyRatio.tsx @@ -15,9 +15,9 @@ const getValue = (season: LiquiditySupplyRatioQuery['seasons'][number]) => const formatValue = (value: number) => `${value.toFixed(4)}%`; const statProps = { - title: 'Liquidity:Supply Ratio', + title: 'Liquidity to Supply Ratio', titleTooltip: - `The ratio of Beans in liquidity pools on the Oracle Whitelist per Bean, displayed as a percentage. The Liquidity:Supply Ratio is a useful indicator of Beanstalk's health.`, + `The ratio of Beans in liquidity pools on the Oracle Whitelist per Bean, displayed as a percentage, at the beginning of every Season. The Liquidity to Supply Ratio is a useful indicator of Beanstalk's health.`, gap: 0.25, }; const queryConfig = { diff --git a/projects/ui/src/components/Analytics/Bean/MarketCap.tsx b/projects/ui/src/components/Analytics/Bean/MarketCap.tsx index bea9859d59..6eb48e5a72 100644 --- a/projects/ui/src/components/Analytics/Bean/MarketCap.tsx +++ b/projects/ui/src/components/Analytics/Bean/MarketCap.tsx @@ -15,7 +15,7 @@ const formatValue = (value: number) => const statProps = { title: 'Market Cap', titleTooltip: - 'The USD value of the total Bean supply at the end of every Season.', + 'The USD value of the Bean supply at the beginning of every Season.', gap: 0.25, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Bean/Price.tsx b/projects/ui/src/components/Analytics/Bean/Price.tsx index b48f78acb3..49b6fc5ad1 100644 --- a/projects/ui/src/components/Analytics/Bean/Price.tsx +++ b/projects/ui/src/components/Analytics/Bean/Price.tsx @@ -15,7 +15,7 @@ const getValue = (season: Season) => parseFloat(season.price); const formatValue = (value: number) => `$${value.toFixed(4)}`; const statProps = { title: 'Bean Price', - titleTooltip: 'The price at the end of every Season.', + titleTooltip: 'The USD price of 1 Bean at the beginning of every Season.', gap: 0.25, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Bean/Supply.tsx b/projects/ui/src/components/Analytics/Bean/Supply.tsx index 7f28173786..b98f2f4693 100644 --- a/projects/ui/src/components/Analytics/Bean/Supply.tsx +++ b/projects/ui/src/components/Analytics/Bean/Supply.tsx @@ -25,7 +25,7 @@ const useStatProps = () => { const isTiny = useMediaQuery(theme.breakpoints.down('md')); return { title: isTiny ? 'Supply' : 'Bean Supply', - titleTooltip: 'The total Bean supply at the end of every Season.', + titleTooltip: 'The total Bean supply at the beginning of every Season.', gap: 0.25, }; }; diff --git a/projects/ui/src/components/Analytics/Bean/Volume.tsx b/projects/ui/src/components/Analytics/Bean/Volume.tsx index 59def95cfb..f45d54f508 100644 --- a/projects/ui/src/components/Analytics/Bean/Volume.tsx +++ b/projects/ui/src/components/Analytics/Bean/Volume.tsx @@ -18,7 +18,7 @@ const formatValue = (value: number) => `$${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Volume', - titleTooltip: 'The total volume in the BEAN:3CRV and BEAN:ETH pools in every Season.', + titleTooltip: 'The total USD volume in liquidity pools on the Oracle Whitelist every Season.', gap: 0.25, }; const queryConfig = { context: { subgraph: 'bean' } }; diff --git a/projects/ui/src/components/Analytics/Bean/VolumeChart.tsx b/projects/ui/src/components/Analytics/Bean/VolumeChart.tsx index 09746eb7d9..c337e74016 100644 --- a/projects/ui/src/components/Analytics/Bean/VolumeChart.tsx +++ b/projects/ui/src/components/Analytics/Bean/VolumeChart.tsx @@ -112,7 +112,7 @@ const VolumeChart: FC<{ width?: number; height: number }> = ({ > = () => { - + {/* TODO: The height prop currently *only* reflects in the chart height. However, the full component diff --git a/projects/ui/src/components/Analytics/Field/HarvestedPods.tsx b/projects/ui/src/components/Analytics/Field/HarvestedPods.tsx index 46328339c8..b839a43a13 100644 --- a/projects/ui/src/components/Analytics/Field/HarvestedPods.tsx +++ b/projects/ui/src/components/Analytics/Field/HarvestedPods.tsx @@ -19,8 +19,8 @@ const getValue = (season: SnapshotData) => const formatValue = (value: number) => `${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const StatProps = { - title: 'Harvested Pods', - titleTooltip: 'The total number of Pods Harvested at the end of each Season.', + title: 'Pods Harvested', + titleTooltip: 'The total number of Pods Harvested at the beginning of every Season.', gap: 0.5, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Field/PodRate.tsx b/projects/ui/src/components/Analytics/Field/PodRate.tsx index 174a45a11f..a7321dd65d 100644 --- a/projects/ui/src/components/Analytics/Field/PodRate.tsx +++ b/projects/ui/src/components/Analytics/Field/PodRate.tsx @@ -20,7 +20,7 @@ const formatValue = (value: number) => `${value.toFixed(2)}%`; const statProps = { title: 'Pod Rate', titleTooltip: - 'The ratio of outstanding Pods per Bean, displayed as a percentage. The Pod Rate is used by Beanstalk as a proxy for its health.', + 'The ratio of Unharvestable Pods per Bean, displayed as a percentage, at the beginning of every Season. The Pod Rate is used by Beanstalk as a proxy for its health.', gap: 0.25, sx: { ml: 0 }, }; diff --git a/projects/ui/src/components/Analytics/Field/Pods.tsx b/projects/ui/src/components/Analytics/Field/Pods.tsx index c8587e7e09..b80a19676a 100644 --- a/projects/ui/src/components/Analytics/Field/Pods.tsx +++ b/projects/ui/src/components/Analytics/Field/Pods.tsx @@ -17,7 +17,7 @@ const formatValue = (value: number) => `${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Pods', - titleTooltip: 'The total number of Pods at the end of each Season.', + titleTooltip: 'The total number of Unharvestable Pods at the beginning of every Season.', gap: 0.5, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Field/RRoR.tsx b/projects/ui/src/components/Analytics/Field/RRoR.tsx index 2a3d976c3a..8e3ffb002f 100644 --- a/projects/ui/src/components/Analytics/Field/RRoR.tsx +++ b/projects/ui/src/components/Analytics/Field/RRoR.tsx @@ -15,7 +15,7 @@ const formatValue = (value: number) => `${value.toFixed(2)}%`; const statProps = { title: 'Real Rate of Return', titleTooltip: - 'The return for Sowing Beans at the beginning of each Season, accounting for the Bean price. RRoR = (1 + Temperature) / TWAP.', + 'The return for Sowing Beans at the beginning of every Season, accounting for the Bean price. RRoR = (1 + Temperature) / TWAP.', gap: 0.5, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Field/Sown.tsx b/projects/ui/src/components/Analytics/Field/Sown.tsx index b1e8d81d27..ee8eedc26c 100644 --- a/projects/ui/src/components/Analytics/Field/Sown.tsx +++ b/projects/ui/src/components/Analytics/Field/Sown.tsx @@ -18,7 +18,7 @@ const formatValue = (value: number) => `${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Beans Sown', - titleTooltip: 'The total number of Beans Sown at the end of each Season.', + titleTooltip: 'The total number of Beans Sown at the beginning of every Season.', gap: 0.25, sx: { ml: 0 }, }; diff --git a/projects/ui/src/components/Analytics/Field/Temperature.tsx b/projects/ui/src/components/Analytics/Field/Temperature.tsx index fa59d15584..7f15a3a683 100644 --- a/projects/ui/src/components/Analytics/Field/Temperature.tsx +++ b/projects/ui/src/components/Analytics/Field/Temperature.tsx @@ -20,7 +20,7 @@ const getValue = (snapshot: SnapshotData) => const formatValue = (value: number) => `${value.toFixed(0)}%`; const statProps = { title: 'Max Temperature', - titleTooltip: 'The maximum interest rate for Sowing Beans each Season.', + titleTooltip: 'The maximum interest rate for Sowing Beans every Season.', gap: 0.5, }; const lineChartProps: Partial = { diff --git a/projects/ui/src/components/Analytics/Field/TotalSowers.tsx b/projects/ui/src/components/Analytics/Field/TotalSowers.tsx index b0e768140f..5102845919 100644 --- a/projects/ui/src/components/Analytics/Field/TotalSowers.tsx +++ b/projects/ui/src/components/Analytics/Field/TotalSowers.tsx @@ -18,7 +18,7 @@ const getValue = (season: SnapshotData) => const formatValue = (value: number) => `${value}`; const statProps = { title: 'Total Sowers', - titleTooltip: 'The total number of unique Sowers at the end of each Season.', + titleTooltip: 'The total number of unique Sowers at the beginning of every Season.', gap: 0.25, sx: { ml: 0 }, }; diff --git a/projects/ui/src/components/Analytics/Silo/DepositedAsset.tsx b/projects/ui/src/components/Analytics/Silo/DepositedAsset.tsx index a136b6ef23..51e6e84300 100644 --- a/projects/ui/src/components/Analytics/Silo/DepositedAsset.tsx +++ b/projects/ui/src/components/Analytics/Silo/DepositedAsset.tsx @@ -39,7 +39,7 @@ const DepositedAsset: FC<{ : asset.symbol === 'urBEAN' ? 'Unripe Beans' : asset.name - } at the end of each Season.`, + } at the beginning of every Season.`, gap: 0.5, }), [asset] diff --git a/projects/ui/src/components/Analytics/Silo/Seeds.tsx b/projects/ui/src/components/Analytics/Silo/Seeds.tsx index 459c4d1f3c..8c212dd257 100644 --- a/projects/ui/src/components/Analytics/Silo/Seeds.tsx +++ b/projects/ui/src/components/Analytics/Silo/Seeds.tsx @@ -17,7 +17,7 @@ const formatValue = (value: number) => `${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Seeds', - titleTooltip: 'The total number of Seeds at the end of each Season.', + titleTooltip: 'The total number of Seeds at the beginning of every Season.', gap: 0.5, }; const queryConfig = { diff --git a/projects/ui/src/components/Analytics/Silo/Stalk.tsx b/projects/ui/src/components/Analytics/Silo/Stalk.tsx index 6f3200bc79..26fae909e9 100644 --- a/projects/ui/src/components/Analytics/Silo/Stalk.tsx +++ b/projects/ui/src/components/Analytics/Silo/Stalk.tsx @@ -17,7 +17,7 @@ const formatValue = (value: number) => `${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`; const statProps = { title: 'Stalk', - titleTooltip: 'The total number of Stalk at the end of each Season.', + titleTooltip: 'The total number of Stalk at the beginning of every Season.', gap: 0.5, }; const queryConfig = { diff --git a/projects/ui/src/components/Field/FieldStats.tsx b/projects/ui/src/components/Field/FieldStats.tsx index 846393f784..79f7576013 100644 --- a/projects/ui/src/components/Field/FieldStats.tsx +++ b/projects/ui/src/components/Field/FieldStats.tsx @@ -62,7 +62,7 @@ const FieldStats: React.FC<{}> = () => { amount={displayFullBN(normalizeBN(podLine), 0)} subtitle={ - The total number of outstanding Pods. + The total number of Unharvestable Pods. } /> diff --git a/projects/ui/src/components/Forecast/LiquidityByState.tsx b/projects/ui/src/components/Forecast/LiquidityByState.tsx index 70e1f88b5a..0d92dee1c5 100644 --- a/projects/ui/src/components/Forecast/LiquidityByState.tsx +++ b/projects/ui/src/components/Forecast/LiquidityByState.tsx @@ -33,7 +33,7 @@ const LiquidityByState: FC = ({ sx }) => { { title: 'Stalk', tooltip: - 'This is the total Stalk supply. Stalk is the governance token of the Beanstalk DAO. Stalk entitles holders to passive interest in the form of a share of future Bean mints, and the right to propose and vote on BIPs.', + 'The total Stalk supply. Stalk is the governance token of the Beanstalk DAO. Stalk entitles holders to passive interest in the form of a share of future Bean mints, and the right to propose and vote on BIPs.', token: STALK, amount: beanstalkSilo.stalk.total, }, @@ -47,14 +47,14 @@ const LiquidityByState: FC = ({ sx }) => { { title: 'Pods', tooltip: - 'This is the total Pod supply. Pods become Harvestable on a FIFO basis.', + 'The total Unharvestable Pod supply. Pods become Harvestable on a FIFO basis.', token: PODS, amount: beanstalkField.podLine, }, { title: 'Sprouts', tooltip: - 'This is the total Sprout supply. Sprouts are the number of Beans left to be earned from Active Fertilizer. Sprouts become Rinsable on a pari passu basis.', + 'The total Unrinsable Sprout supply. Sprouts are the number of Beans left to be earned from Active Fertilizer. Sprouts become Rinsable on a pari passu basis.', token: SPROUTS, amount: beanstalkBarn.unfertilized, }, diff --git a/projects/ui/src/components/Forecast/LiquidityOverTime.tsx b/projects/ui/src/components/Forecast/LiquidityOverTime.tsx index ef867ed820..15182398b5 100644 --- a/projects/ui/src/components/Forecast/LiquidityOverTime.tsx +++ b/projects/ui/src/components/Forecast/LiquidityOverTime.tsx @@ -22,6 +22,7 @@ const formatValue = (value: number) => ( ); const StatProps = { title: 'Liquidity', + titleTooltip: 'The total USD value of the tokens in liquidity pools on the Oracle Whitelist at the beginning of every Season.', gap: 0.25, color: 'primary', sx: { ml: 0 }, diff --git a/projects/ui/src/hooks/beanstalk/useBeanstalkBalancesBreakdown.tsx b/projects/ui/src/hooks/beanstalk/useBeanstalkBalancesBreakdown.tsx index 5dc17e90e3..8dc4f4e40d 100644 --- a/projects/ui/src/hooks/beanstalk/useBeanstalkBalancesBreakdown.tsx +++ b/projects/ui/src/hooks/beanstalk/useBeanstalkBalancesBreakdown.tsx @@ -33,7 +33,7 @@ export const STATE_CONFIG = { withdrawn: [ 'Claimable', colors.chart.yellowLight, - (name: string) => `Legacy Claimable ${name} Withdrawals from pre-Silo V3.`, + (name: string) => `Legacy Claimable ${name === 'Beans' ? 'Bean' : name} Withdrawals from before Silo V3.`, ], farmable: [ 'Farm & Circulating', @@ -53,7 +53,7 @@ export const STATE_CONFIG = { (name: string) => `${name} minted as the percentage of Fertilizer sold increases. Ripe ${name} are the ${name} underlying Unripe ${name}. ${ name === 'Beans' - ? 'Does not include Beans that make up Ripe BEAN:3CRV.' + ? 'Does not include Beans that make up Ripe BEANETH.' : '' }`, ], From d64fef51fb92778fc9df015283d9e2b13a3b4c80 Mon Sep 17 00:00:00 2001 From: uncoolzero <107518216+uncoolzero@users.noreply.github.com> Date: Tue, 14 Nov 2023 19:52:58 -0300 Subject: [PATCH 14/52] Updated Contracts button --- projects/ui/src/components/Nav/Buttons/AboutButton.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/projects/ui/src/components/Nav/Buttons/AboutButton.tsx b/projects/ui/src/components/Nav/Buttons/AboutButton.tsx index 5d2575f994..49599d2075 100644 --- a/projects/ui/src/components/Nav/Buttons/AboutButton.tsx +++ b/projects/ui/src/components/Nav/Buttons/AboutButton.tsx @@ -76,7 +76,7 @@ const AboutButton: FC = ({ sx }) => { @@ -229,7 +229,7 @@ const SettingsDialog: FC<{ open: boolean; onClose?: () => void }> = ({ Dev Controls - Set season timer + Set Season timer