Enable animations
This commit is contained in:
parent
7cd59a3404
commit
ec41af9dad
|
|
@ -37,6 +37,7 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
"@types/node": "^12.7.1",
|
||||||
"@types/recharts": "^1.1.20",
|
"@types/recharts": "^1.1.20",
|
||||||
"gh-pages": "^2.0.1"
|
"gh-pages": "^2.0.1"
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -99,7 +99,7 @@ export default function CurveDesignInputParams({
|
||||||
description: parameterDescriptions.vHalflife.text,
|
description: parameterDescriptions.vHalflife.text,
|
||||||
value: vHalflife,
|
value: vHalflife,
|
||||||
setter: setVHalflife,
|
setter: setVHalflife,
|
||||||
min: 52 / 2,
|
min: 1,
|
||||||
max: 52 * 2,
|
max: 52 * 2,
|
||||||
step: 1,
|
step: 1,
|
||||||
suffix: "",
|
suffix: "",
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,9 @@ function PriceSimulationChart({
|
||||||
* Keep the animation active only during the initial animation time,
|
* Keep the animation active only during the initial animation time,
|
||||||
* but afterwards, deactivate to prevent the re-size ugly effect
|
* but afterwards, deactivate to prevent the re-size ugly effect
|
||||||
*/
|
*/
|
||||||
const [isAnimationActive, setIsAnimationActive] = useState(true);
|
const [isAnimationActive, setIsAnimationActive] = useState(
|
||||||
|
process.env.NODE_ENV !== "development"
|
||||||
|
);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const timeout = setTimeout(() => {
|
const timeout = setTimeout(() => {
|
||||||
setIsAnimationActive(false);
|
setIsAnimationActive(false);
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,9 @@ export default function ResultParams({
|
||||||
* Keep the animation active only during the initial animation time,
|
* Keep the animation active only during the initial animation time,
|
||||||
* but afterwards, deactivate to prevent the re-size ugly effect
|
* but afterwards, deactivate to prevent the re-size ugly effect
|
||||||
*/
|
*/
|
||||||
const [isAnimationActive, setIsAnimationActive] = useState(true);
|
const [isAnimationActive, setIsAnimationActive] = useState(
|
||||||
|
process.env.NODE_ENV !== "development"
|
||||||
|
);
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const timeout = setTimeout(() => {
|
const timeout = setTimeout(() => {
|
||||||
setIsAnimationActive(false);
|
setIsAnimationActive(false);
|
||||||
|
|
|
||||||
|
|
@ -25,7 +25,7 @@ export const parameterDescriptions: DescriptionObject = {
|
||||||
vHalflife: {
|
vHalflife: {
|
||||||
name: "Vesting half-life",
|
name: "Vesting half-life",
|
||||||
text:
|
text:
|
||||||
"Tokens that are purchased during the Hatch are locked for 9 weeks and then released slowly such that 50% of the tokens will be able to be sold after this many weeks and 87.5% of the tokens after 3x this many weeks"
|
"Tokens that are purchased during the Hatch are locked for 8 weeks and then released slowly such that 50% of the tokens will be able to be sold after this many weeks and 87.5% of the tokens after 3x this many weeks"
|
||||||
},
|
},
|
||||||
d0: {
|
d0: {
|
||||||
name: "Hatch Raise",
|
name: "Hatch Raise",
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue