diff --git a/packages/frontend/src/components/Strategies/Bull/About/ProfitabilityChart.tsx b/packages/frontend/src/components/Strategies/Bull/About/ProfitabilityChart.tsx
index 40c1a8616a..5c6e583314 100644
--- a/packages/frontend/src/components/Strategies/Bull/About/ProfitabilityChart.tsx
+++ b/packages/frontend/src/components/Strategies/Bull/About/ProfitabilityChart.tsx
@@ -103,35 +103,6 @@ function getStrategyReturn(funding: number, ethReturn: number) {
return (funding - Math.pow(ethReturn, 2)) * 100 * 0.5
}
-// generate data from -percentRange to +percentRange
-const getDataPoints = (funding: number, ethPriceAtLastHedge: number, percentRange: number) => {
- const dataPoints = []
-
- const starting = new BigNumber(-percentRange)
- const increment = new BigNumber(0.05)
- const ending = new BigNumber(percentRange)
-
- let current = starting
- while (current.lte(ending)) {
- const ethReturn = current.div(100).toNumber()
-
- const strategyReturn = getStrategyReturn(funding, ethReturn)
- const strategyReturnPositive = strategyReturn >= 0 ? strategyReturn : null
- const strategyReturnNegative = strategyReturn < 0 ? strategyReturn : null
-
- dataPoints.push({
- ethPrice: ethPriceAtLastHedge + ethReturn * ethPriceAtLastHedge,
- strategyReturn,
- strategyReturnPositive,
- strategyReturnNegative,
- })
-
- current = current.plus(increment)
- }
-
- return dataPoints
-}
-
const Chart: React.FC<{ currentFunding: number }> = ({ currentFunding }) => {
const ethPriceAtLastHedgeValue = useAtomValue(ethPriceAtLastHedgeAtomV2)
const ethPrice = useOnChainETHPrice()
@@ -158,7 +129,7 @@ const Chart: React.FC<{ currentFunding: number }> = ({ currentFunding }) => {
profitData.oSqthPrice,
30,
currentEthPrice,
- timeUntilNextHedge / 1000 / 60 / 60 / 24,
+ 2,
profitData.eulerEth,
profitData.ethSupplyApy,
profitData.eulerUsdc,
@@ -260,7 +231,7 @@ const Chart: React.FC<{ currentFunding: number }> = ({ currentFunding }) => {
/>
}
/>
diff --git a/packages/frontend/src/components/Strategies/Bull/About/index.tsx b/packages/frontend/src/components/Strategies/Bull/About/index.tsx
index b9373689c1..c4b40ade23 100644
--- a/packages/frontend/src/components/Strategies/Bull/About/index.tsx
+++ b/packages/frontend/src/components/Strategies/Bull/About/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
import { Box, InputLabel, TextField, TextFieldProps, Typography } from '@material-ui/core'
import clsx from 'clsx'
import { makeStyles, createStyles } from '@material-ui/core/styles'
@@ -99,6 +99,10 @@ const DepositTimePicker: React.FC = () => {
const setDepositBlock = useSetAtom(bullFirstDepositBlockAtom)
const [date, setDate] = useState(new Date(depositTime ? depositTime * 1000 : Date.now()))
+ useEffect(() => {
+ setDate(new Date(depositTime ? depositTime * 1000 : Date.now()))
+ }, [depositTime])
+
const onDepositDateChange = async (date: Date | null) => {
if (date) {
setDate(date)
@@ -143,8 +147,8 @@ const About: React.FC = () => {
- Zen bull makes money when ETH goes up, slow and steady. It stacks ETH if ETH is within the below bands at the
- next rebalance.{' '}
+ Zen bull makes money when ETH goes up, slow and steady. It stacks ETH if ETH is within the below bands over
+ the period of 2 days.{' '}
track(SITE_EVENTS.CLICK_LEARN_MORE_BULL, { link: gitBookLink })}
@@ -157,7 +161,7 @@ const About: React.FC = () => {
-
+ {/* */}
diff --git a/packages/frontend/src/components/Strategies/Crab/About/ProfitabilityChart.tsx b/packages/frontend/src/components/Strategies/Crab/About/ProfitabilityChart.tsx
index 8c9fc0ae3b..cb99ba4cac 100644
--- a/packages/frontend/src/components/Strategies/Crab/About/ProfitabilityChart.tsx
+++ b/packages/frontend/src/components/Strategies/Crab/About/ProfitabilityChart.tsx
@@ -117,7 +117,7 @@ const Chart: React.FC<{ currentImpliedFunding: number }> = ({ currentImpliedFund
profitData.oSqthPrice,
30,
currentEthPrice,
- timeUntilNextHedge / 1000 / 60 / 60 / 24,
+ 2,
)
}, [
currentEthPrice,
@@ -205,7 +205,7 @@ const Chart: React.FC<{ currentImpliedFunding: number }> = ({ currentImpliedFund
/>
}
/>
diff --git a/packages/frontend/src/components/Strategies/Crab/About/index.tsx b/packages/frontend/src/components/Strategies/Crab/About/index.tsx
index 04964f66d0..8840b9ac2a 100644
--- a/packages/frontend/src/components/Strategies/Crab/About/index.tsx
+++ b/packages/frontend/src/components/Strategies/Crab/About/index.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
import { Box, InputLabel, TextField, TextFieldProps, Typography } from '@material-ui/core'
import clsx from 'clsx'
import { makeStyles, createStyles } from '@material-ui/core/styles'
@@ -99,6 +99,11 @@ const DepositTimePicker: React.FC = () => {
const setDepositBlock = useSetAtom(firstDepositBlockAtom)
const [date, setDate] = useState(new Date(depositTime ? depositTime * 1000 : Date.now()))
+ useEffect(() => {
+ setDate(new Date(depositTime ? depositTime * 1000 : Date.now()))
+ console.log('depositTime', depositTime)
+ }, [depositTime])
+
const onDepositDateChange = async (date: Date | null) => {
if (date) {
setDate(date)
@@ -147,7 +152,7 @@ const About: React.FC = () => {
In general, Crab earns USDC returns except when there is high ETH volatility in the market, when it may draw
- down. Most often, the strategy stacks USDC if ETH is within the below bands at the next hedge.{' '}
+ down. Most often, the strategy stacks USDC if ETH is within the below bands over the period of 2 days.{' '}
track(SITE_EVENTS.CLICK_LEARN_MORE_CRAB, { link: gitBookLink })}
@@ -160,7 +165,7 @@ const About: React.FC = () => {
-
+ {/* */}