From 01dd54945f69478330aec51ecd715460ff49addd Mon Sep 17 00:00:00 2001 From: Karelian Pie Date: Mon, 13 Nov 2023 15:21:27 +0200 Subject: [PATCH 1/3] feat: Add new vaults about page --- pages/vaults-v3/about.tsx | 161 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 161 insertions(+) create mode 100755 pages/vaults-v3/about.tsx diff --git a/pages/vaults-v3/about.tsx b/pages/vaults-v3/about.tsx new file mode 100755 index 000000000..f95f10aae --- /dev/null +++ b/pages/vaults-v3/about.tsx @@ -0,0 +1,161 @@ +import {Balancer} from 'react-wrap-balancer'; +import {Wrapper} from '@vaults/Wrapper'; + +import type {NextRouter} from 'next/router'; +import type {ReactElement} from 'react'; + +function About(): ReactElement { + return ( +
+ {/* Yearn? DeFi? I think I'm lost… */} +
+
+

{"Yearn? DeFi? I think I'm lost…"}

+
+
+ +

+ { + "Searching for 'words that rhyme with turn' and accidentally ended up here? Welcome! You're at the frontier of Decentralised Finance - a new type of financial system built on blockchains and designed to give users better access, transparency and control of their assets." + } +

+

+ { + 'DeFi offers many opportunities to put your digital assets to work, and earn yield in return - and Yearn was designed to automate this process for you. Less sharp suits and slicked back hair, more cyberspace yield ninjas wielding razor sharp battle tested code katanas.' + } +

+

+ { + "We can't offer you a phone number with ambient jazz hold music to listen to - but please feel free to hop into our " + } + + {'discord'} + + {" if you have any questions, we'd love to chat."} +

+ +
+
+ + {/* Wtf is a Vault? */} +
+
+

{'Wtf is a Vault?'}

+
+
+ +

+ { + "In 'traditional finance' (boo, hiss) you can earn yield on your savings by depositing them in a bank - who use the capital for loans and other productive money growing means." + } +

+

+ { + "Yearn Vaults are like crypto allocators in cyberspace. You deposit your assets, and Yearn's smart contracts put them to work within the DeFi ecosystem, returning the earned yield back to you." + } +

+

+ { + 'However, unlike a bank account - none of this takes place behind closed doors (no offence to doors). Decentralised Finance uses public blockchains, meaning you are in control of your assets and can see where they are at all times. Nothing is hidden and everything is auditable by anyone, at any time.' + } +

+

+ { + 'With the advent of v3, Vaults can now be made out of a single strategy for your assets, or a collection of multiple strategies which balance your funds between them. Users now have more control over where they want their funds to go and a wider range of risk appetites. Go you!' + } +

+ +
+
+ + {/* Fees */} +
+
+

{'Fees'}

+
+
+

+ + { + "Yearn vaults never have a deposit or withdrawal fee (yay). With Yearn v3, it's up to the strategist(s) who code the strategy to set the performance and management fee, so make sure you check the fees on the Vault you want to deposit into. Butterfly guy, is this due dilligence?" + } + +

+
+
+ + {/* Risk Score */} +
+
+

{'Risk Score'}

+
+
+ +

+ { + 'In order to give users the best risk-adjusted yields in DeFi, Yearn uses a comprehensive risk assessment framework for each strategy within a Vault. This framework combines to give each Vault a holistic Risk Score.' + } +

+

+ { + 'Strategies are assessed against eight different factors; Audit, Code Review, Complexity, Longevity, Protocol Safety, Team Knowledge, Testing Score, TVL Impact. Since Vaults use multiple strategies, riskier strategies can be paired with more conservative ones to ensure the Vault has a robust and balanced Risk Score.' + } +

+

+ { + 'One significant advancement in v3 is that the protocol allows for riskier strategies and Vaults to be created for users with a higher risk appetite. Make sure to bear this in mind when depositing into those riskier Vaults' + } +

+

+ {'For a full breakdown read more about our '} + + {'Risk Scores'} + + {'.'} +

+ +
+
+ + {/* APY */} +
+
+

{'APY'}

+
+
+

+ + { + "Vaults display a Net APY (or Annual Percentage Yield), which is the average APY of the past month's harvest. For more detailed information on how APYs are calculated, visit our docs." + } + +

+
+
+
+ ); +} + +About.getLayout = function getLayout(page: ReactElement, router: NextRouter): ReactElement { + return {page}; +}; + +export default About; From 6db1f4e5d9dfa51534fd8adce985de9363c6eeca Mon Sep 17 00:00:00 2001 From: Karelian Pie Date: Wed, 15 Nov 2023 10:54:15 +0200 Subject: [PATCH 2/3] feat: Add about page menu --- apps/vaults-v3/constants/menu.ts | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/apps/vaults-v3/constants/menu.ts b/apps/vaults-v3/constants/menu.ts index b845e57bf..70fd81f88 100644 --- a/apps/vaults-v3/constants/menu.ts +++ b/apps/vaults-v3/constants/menu.ts @@ -1 +1,4 @@ -export const VAULTS_V3_MENU = [{path: '/vaults-v3', label: 'Vaults'}]; +export const VAULTS_V3_MENU = [ + {path: '/vaults-v3', label: 'Vaults'}, + {path: '/vaults-v3/about', label: 'About'} +]; From 9b2d84af2c23fb2035110143da4ae94762251a32 Mon Sep 17 00:00:00 2001 From: Karelian Pie Date: Wed, 15 Nov 2023 10:54:28 +0200 Subject: [PATCH 3/3] chore: yarn.lock --- yarn.lock | 21 +-------------------- 1 file changed, 1 insertion(+), 20 deletions(-) diff --git a/yarn.lock b/yarn.lock index 8aa4c1035..6097118d5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7390,13 +7390,6 @@ next-pwa@^5.6.0: workbox-webpack-plugin "^6.5.4" workbox-window "^6.5.4" -next-query-params@^4.3.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/next-query-params/-/next-query-params-4.3.0.tgz#62cf9297005a66ebc5b0823c3c66d77971ec87b5" - integrity sha512-8w8AXfPJ8vnYvSFBCByT5ZR8ItNSJ6lAbVer8aRZZRUpADZAR6hQ4dh7fLDs/6383DU0Ve7WvNHqswMR8S98zg== - dependencies: - tslib "^2.0.3" - next-seo@^6.4.0: version "6.4.0" resolved "https://registry.yarnpkg.com/next-seo/-/next-seo-6.4.0.tgz#05a75b8acae881f856eb690b1f66b5e8741aa16e" @@ -8709,11 +8702,6 @@ serialize-javascript@^6.0.1: dependencies: randombytes "^2.1.0" -serialize-query-params@^2.0.2: - version "2.0.2" - resolved "https://registry.yarnpkg.com/serialize-query-params/-/serialize-query-params-2.0.2.tgz#598a3fb9e13f4ea1c1992fbd20231aa16b31db81" - integrity sha512-1chMo1dST4pFA9RDXAtF0Rbjaut4is7bzFbI1Z26IuMub68pNCILku85aYmeFhvnY//BXUPUhoRMjYcsT93J/Q== - set-blocking@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" @@ -9583,7 +9571,7 @@ tslib@1.14.1, tslib@^1.9.0: resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00" integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg== -tslib@^2.0.0, tslib@^2.0.3, tslib@^2.1.0, tslib@^2.3.1, tslib@^2.4.0: +tslib@^2.0.0, tslib@^2.1.0, tslib@^2.3.1, tslib@^2.4.0: version "2.6.2" resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae" integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q== @@ -9813,13 +9801,6 @@ use-callback-ref@^1.3.0: dependencies: tslib "^2.0.0" -use-query-params@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/use-query-params/-/use-query-params-2.2.1.tgz#c558ab70706f319112fbccabf6867b9f904e947d" - integrity sha512-i6alcyLB8w9i3ZK3caNftdb+UnbfBRNPDnc89CNQWkGRmDrm/gfydHvMBfVsQJRq3NoHOM2dt/ceBWG2397v1Q== - dependencies: - serialize-query-params "^2.0.2" - use-sidecar@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/use-sidecar/-/use-sidecar-1.1.2.tgz#2f43126ba2d7d7e117aa5855e5d8f0276dfe73c2"