add link to risks doc

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>

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>
   )

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')}

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')}

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",

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",

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",

public/locales/zh/common.json

@@ -128,6 +128,7 @@
   "repay-borrow": "还贷",
   "repay-deposit": "归还及存入",
   "repayment-amount": "还贷额",
+  "risks": "Risks",
   "rolling-change": "24小时变化",
   "save": "存",
   "select": "选择",

public/locales/zh_tw/common.json

@@ -128,6 +128,7 @@
   "repay-borrow": "還貸",
   "repay-deposit": "歸還及存入",
   "repayment-amount": "還貸額",
+  "risks": "Risks",
   "rolling-change": "24小時變化",
   "save": "存",
   "select": "選擇",