Merge pull request #12229 from gabrieltemtsen/gabe-dev

added disclaimer (for Algorithimic stablecoins) to stablecoin page

Author: corwintines

src/intl/en/page-stablecoins.json

@@ -56,6 +56,7 @@
   "page-stablecoins-algorithmic-con-1": "You need to trust (or be able to read) the algorithm.",
   "page-stablecoins-algorithmic-con-2": "Your balance of coins will change based on total supply.",
   "page-stablecoins-algorithmic-description": "These stablecoins aren't backed by any other asset. Instead an algorithm will sell tokens if the price falls below the desired value and supply tokens if the value goes beyond the desired amount. Because the number of these tokens in circulation changes regularly, the number of tokens you own will change, but will always reflect your share.",
+  "page-stablecoins-algorithmic-disclaimer": "Algorithmic stablecoins are experimental technology. You should be aware of the risks before using them.",
   "page-stablecoins-algorithmic-pro-1": "No collateral needed.",
   "page-stablecoins-algorithmic-pro-2": "Controlled by a public algorithm.",
   "page-stablecoins-bank-apy": "0.05%",

src/pages/stablecoins.tsx

@@ -291,6 +291,7 @@ const StablecoinsPage = ({ markets, marketsHasError }) => {
     {
       title: t("page-stablecoins-algorithmic"),
       description: t("page-stablecoins-algorithmic-description"),
+      disclaimer: t("page-stablecoins-algorithmic-disclaimer"),
       emoji: ":chart_with_downwards_trend:",
       pros: [
         t("page-stablecoins-algorithmic-pro-1"),
@@ -599,6 +600,9 @@ const StablecoinsPage = ({ markets, marketsHasError }) => {
               <Icon ms={2} fill="'text" name="info" boxSize={4} />
             </Tooltip>
           </H3>
+          <InfoBanner emoji="⚠️" isWarning>
+              {t("page-stablecoins-algorithmic-disclaimer")}
+          </InfoBanner>
           <Text>
             {t("page-stablecoins-top-coins-intro")}{" "}
             {t("page-stablecoins-top-coins-intro-code")}
@@ -712,16 +716,16 @@ const StablecoinsPage = ({ markets, marketsHasError }) => {
             />
           ))}
         </Grid>
-        <InfoBanner isWarning shouldCenter>
-          <H3 mt={0} mb={4}>
-            {t("page-stablecoins-research-warning-title")}
-          </H3>
-          {t("page-stablecoins-research-warning")}
-        </InfoBanner>
       </Content>
       <Divider />
       <Content id="how">
         <H2 mt={0}>{t("page-stablecoins-types-of-stablecoin")}</H2>
+        <InfoBanner emoji="⚠️" isWarning>
+          <H3 mt={0} mb={4}>
+            {t("page-stablecoins-research-warning-title")}
+          </H3>
+          {t("page-stablecoins-algorithmic-disclaimer")}
+        </InfoBanner>
         <StablecoinBoxGrid items={features} />
       </Content>
       <Box id="tools" py={12} px={8} w="full">