From 02cf84858727eca6bf99065bb54eb30e50092ea1 Mon Sep 17 00:00:00 2001
From: saml33 <slam.uke@gmail.com>
Date: Wed, 19 Jul 2023 13:04:22 +1000
Subject: [PATCH] add link to risks doc

---
 components/SideNav.tsx                | 10 ++++++++++
 components/mobile/BottomBar.tsx       |  9 ++++++++-
 components/modals/TermsOfUseModal.tsx | 10 ++++++++++
 components/modals/UserSetupModal.tsx  | 10 ++++++++++
 public/locales/en/common.json         |  1 +
 public/locales/es/common.json         |  1 +
 public/locales/ru/common.json         |  1 +
 public/locales/zh/common.json         |  1 +
 public/locales/zh_tw/common.json      |  1 +
 9 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/components/SideNav.tsx b/components/SideNav.tsx
index 52b8ba41..42c35fc5 100644
--- a/components/SideNav.tsx
+++ b/components/SideNav.tsx
@@ -15,6 +15,7 @@ import {
   NewspaperIcon,
   PlusCircleIcon,
   ArchiveBoxArrowDownIcon,
+  ExclamationTriangleIcon,
   // ClipboardDocumentIcon,
 } from '@heroicons/react/20/solid'
 import { useRouter } from 'next/router'
@@ -195,6 +196,15 @@ const SideNav = ({ collapsed }: { collapsed: boolean }) => {
                 isExternal
                 showTooltip={false}
               />
+              <MenuItem
+                collapsed={false}
+                icon={<ExclamationTriangleIcon className="h-5 w-5" />}
+                title={t('risks')}
+                pagePath="https://docs.mango.markets/mango-markets/risks"
+                hideIconBg
+                isExternal
+                showTooltip={false}
+              />
             </ExpandableMenuItem>
           </div>
         </div>
diff --git a/components/mobile/BottomBar.tsx b/components/mobile/BottomBar.tsx
index 1d2e66f8..4d04ac34 100644
--- a/components/mobile/BottomBar.tsx
+++ b/components/mobile/BottomBar.tsx
@@ -20,6 +20,7 @@ import {
   ArchiveBoxArrowDownIcon,
   // ClipboardDocumentIcon,
   NewspaperIcon,
+  ExclamationTriangleIcon,
 } from '@heroicons/react/20/solid'
 import SolanaTps from '@components/SolanaTps'
 import LeaderboardIcon from '@components/icons/LeaderboardIcon'
@@ -110,7 +111,7 @@ const MoreMenuPanel = ({
   const { t } = useTranslation(['common', 'search'])
   return (
     <div
-      className={`fixed bottom-0 z-30 h-full w-full overflow-hidden rounded-t-3xl bg-th-bkg-2 px-4 transition duration-300 ease-in-out ${
+      className={`fixed bottom-0 z-30 h-full w-full overflow-hidden bg-th-bkg-2 px-4 transition duration-300 ease-in-out ${
         showPanel ? 'translate-y-0' : 'translate-y-full'
       }`}
     >
@@ -178,6 +179,12 @@ const MoreMenuPanel = ({
           icon={<NewspaperIcon className="h-5 w-5" />}
           isExternal
         />
+        <MoreMenuItem
+          icon={<ExclamationTriangleIcon className="h-5 w-5" />}
+          title={t('risks')}
+          path="https://docs.mango.markets/mango-markets/risks"
+          isExternal
+        />
       </div>
     </div>
   )
diff --git a/components/modals/TermsOfUseModal.tsx b/components/modals/TermsOfUseModal.tsx
index f49b1692..06b9e0d3 100644
--- a/components/modals/TermsOfUseModal.tsx
+++ b/components/modals/TermsOfUseModal.tsx
@@ -22,6 +22,16 @@ const TermsOfUseModal = ({ isOpen, onClose }: ModalProps) => {
             {t('terms-of-use')}
             <ArrowTopRightOnSquareIcon className="ml-1 h-4 w-4 flex-shrink-0" />
           </a>
+          <span className="mx-1">and</span>
+          <a
+            className="flex items-center"
+            href="https://docs.mango.markets/mango-markets/risks"
+            rel="noopener noreferrer"
+            target="_blank"
+          >
+            {t('risks')}
+            <ArrowTopRightOnSquareIcon className="ml-1 h-4 w-4 flex-shrink-0" />
+          </a>
         </p>
         <Button className="w-full" onClick={onClose} size="large">
           {t('agree-and-continue')}
diff --git a/components/modals/UserSetupModal.tsx b/components/modals/UserSetupModal.tsx
index 85ba8bbb..e8177584 100644
--- a/components/modals/UserSetupModal.tsx
+++ b/components/modals/UserSetupModal.tsx
@@ -254,6 +254,16 @@ const UserSetupModal = ({
                 {t('terms-of-use')}
                 <ArrowTopRightOnSquareIcon className="ml-1 h-4 w-4 flex-shrink-0" />
               </a>
+              <span className="mx-1">and</span>
+              <a
+                className="flex items-center"
+                href="https://docs.mango.markets/mango-markets/risks"
+                rel="noopener noreferrer"
+                target="_blank"
+              >
+                {t('risks')}
+                <ArrowTopRightOnSquareIcon className="ml-1 h-4 w-4 flex-shrink-0" />
+              </a>
             </p>
             <Button className="mb-12" onClick={handleNextStep} size="large">
               {t('agree-and-continue')}
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
index 28cf05db..ca77453a 100644
--- a/public/locales/en/common.json
+++ b/public/locales/en/common.json
@@ -128,6 +128,7 @@
   "repay-deposit": "Repay & Deposit",
   "repay-borrow": "Repay Borrow",
   "repayment-amount": "Repayment Amount",
+  "risks": "Risks",
   "rolling-change": "24h Change",
   "save": "Save",
   "select": "Select",
diff --git a/public/locales/es/common.json b/public/locales/es/common.json
index 28cf05db..ca77453a 100644
--- a/public/locales/es/common.json
+++ b/public/locales/es/common.json
@@ -128,6 +128,7 @@
   "repay-deposit": "Repay & Deposit",
   "repay-borrow": "Repay Borrow",
   "repayment-amount": "Repayment Amount",
+  "risks": "Risks",
   "rolling-change": "24h Change",
   "save": "Save",
   "select": "Select",
diff --git a/public/locales/ru/common.json b/public/locales/ru/common.json
index 28cf05db..ca77453a 100644
--- a/public/locales/ru/common.json
+++ b/public/locales/ru/common.json
@@ -128,6 +128,7 @@
   "repay-deposit": "Repay & Deposit",
   "repay-borrow": "Repay Borrow",
   "repayment-amount": "Repayment Amount",
+  "risks": "Risks",
   "rolling-change": "24h Change",
   "save": "Save",
   "select": "Select",
diff --git a/public/locales/zh/common.json b/public/locales/zh/common.json
index cee5c64a..3025ed05 100644
--- a/public/locales/zh/common.json
+++ b/public/locales/zh/common.json
@@ -128,6 +128,7 @@
   "repay-borrow": "还贷",
   "repay-deposit": "归还及存入",
   "repayment-amount": "还贷额",
+  "risks": "Risks",
   "rolling-change": "24小时变化",
   "save": "存",
   "select": "选择",
diff --git a/public/locales/zh_tw/common.json b/public/locales/zh_tw/common.json
index 420db9a6..63bf6fe6 100644
--- a/public/locales/zh_tw/common.json
+++ b/public/locales/zh_tw/common.json
@@ -128,6 +128,7 @@
   "repay-borrow": "還貸",
   "repay-deposit": "歸還及存入",
   "repayment-amount": "還貸額",
+  "risks": "Risks",
   "rolling-change": "24小時變化",
   "save": "存",
   "select": "選擇",