add more links to footer

components/Footer.tsx

@@ -1,14 +1,54 @@
+import Link from 'next/link'
+import DiscordIcon from './icons/DiscordIcon'
+import { XIcon } from './icons/XIcon'
+
 const Footer = () => {
   return (
-    <div className="mt-6 flex items-center justify-center rounded-lg border-2 border-th-fgd-1 bg-th-bkg-1 px-6 py-4">
-      <a
-        href="https://app.mango.markets"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        <span className="font-bold text-th-fgd-1">Powered by 🥭</span>
-      </a>
-    </div>
+    <>
+      <div className="my-6 flex items-center justify-between rounded-lg border-2 border-th-fgd-1 bg-th-bkg-1 px-6 py-4">
+        <a
+          href="https://app.mango.markets"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          <span className="font-bold text-th-fgd-1">Powered by 🥭</span>
+        </a>
+        <div className="flex items-center space-x-4">
+          <a
+            className="text-th-fgd-1 md:hover:text-th-fgd-3"
+            href="https://discord.gg/2uwjsBc5yw"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <DiscordIcon className="h-5 w-5" />
+          </a>
+          <a
+            className="text-th-fgd-1 md:hover:text-th-fgd-3"
+            href="https://x.com/mangomarkets"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            <XIcon className="h-5 w-5" />
+          </a>
+        </div>
+      </div>
+      <div className="flex items-center justify-center space-x-4">
+        <Link
+          className="font-bold text-th-fgd-1 md:hover:text-th-fgd-3"
+          href="/risks"
+        >
+          Risks
+        </Link>
+        <a
+          className="font-bold text-th-fgd-1 md:hover:text-th-fgd-3"
+          href="https://docs.mango.markets/legal/terms-of-use"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Terms of Use
+        </a>
+      </div>
+    </>
   )
 }
 

components/icons/XIcon.tsx

@@ -0,0 +1,14 @@
+export const XIcon = ({ className }: { className?: string }) => {
+  return (
+    <svg
+      className={`${className}`}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="currentColor"
+    >
+      <g>
+        <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path>
+      </g>
+    </svg>
+  )
+}

components/modals/TermsOfUseModal.tsx

@@ -56,7 +56,7 @@ const TermsOfUseModal = ({ isOpen, onClose }: ModalProps) => {
               >
                 Mango v4's
               </a>{' '}
-              extensively audited contracts.
+              open source and extensively audited contracts.
             </span>
           </li>
         </ul>