From 0fae2fbc6d88db54317876a36b0e23c47309d399 Mon Sep 17 00:00:00 2001
From: Francis Rodriguez <39339295+Freshenext@users.noreply.github.com>
Date: Thu, 25 Jul 2024 09:55:58 -0400
Subject: [PATCH] DAO-556 Added links (#80)

* DAO-556 Added links

* Fixed Dapp by dApp
---
 src/components/LeftSidebar/UsefulLinks.tsx | 13 +++++++------
 src/components/LeftSidebar/links.tsx       | 20 ++++++++++++++++++++
 src/components/Link/Link.stories.tsx       |  2 +-
 3 files changed, 28 insertions(+), 7 deletions(-)
 create mode 100644 src/components/LeftSidebar/links.tsx

diff --git a/src/components/LeftSidebar/UsefulLinks.tsx b/src/components/LeftSidebar/UsefulLinks.tsx
index 4b99314f..30f3b051 100644
--- a/src/components/LeftSidebar/UsefulLinks.tsx
+++ b/src/components/LeftSidebar/UsefulLinks.tsx
@@ -1,19 +1,20 @@
 import { Paragraph } from '@/components/Typography/Paragraph'
 import { Link } from '@/components/Link'
+import { currentLinks } from '@/components/LeftSidebar/links'
 
 export const UsefulLinks = () => (
   <div>
     <Paragraph className="mb-[24px] text-[16px]">Useful links</Paragraph>
-    <Link href="#" variant="menu" className="mb-[16px] text-[16px]">
+    <Link href={currentLinks.registerRns} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
       Register RNS Domain
     </Link>
-    <Link href="#" variant="menu" className="mb-[16px] text-[16px]">
-      Token Bridge Dapp
+    <Link href={currentLinks.tokenBridge} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      Token Bridge dApp
     </Link>
-    <Link href="#" variant="menu" className="mb-[16px] text-[16px]">
-      Flyover Dapp
+    <Link href={currentLinks.flyover} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
+      Flyover dApp
     </Link>
-    <Link href="#" variant="menu" className="mb-[16px] text-[16px]">
+    <Link href={currentLinks.readMore} variant="menu" className="mb-[16px] text-[16px]" target="_blank">
       Read more about RIF
     </Link>
   </div>
diff --git a/src/components/LeftSidebar/links.tsx b/src/components/LeftSidebar/links.tsx
new file mode 100644
index 00000000..70b02d83
--- /dev/null
+++ b/src/components/LeftSidebar/links.tsx
@@ -0,0 +1,20 @@
+const testnet = {
+  registerRns: 'https://testnet.manager.rns.rifos.org/',
+  tokenBridge: 'https://testnet.tokenbridge.rsk.co/',
+  flyover: 'https://dapp.testnet.flyover.rif.technology/',
+  readMore: 'https://dev.rootstock.io/',
+}
+
+const mainnet = {
+  registerRns: 'https://manager.rns.rifos.org/',
+  tokenBridge: 'https://tokenbridge.rsk.co/',
+  flyover: 'https://dapp.flyover.rif.technology/',
+  readMore: 'https://dev.rootstock.io/',
+}
+
+const environments = {
+  testnet,
+  mainnet,
+}
+// @ts-ignore
+export const currentLinks = environments[process.env.NEXT_PUBLIC_ENV] as typeof testnet
diff --git a/src/components/Link/Link.stories.tsx b/src/components/Link/Link.stories.tsx
index 5e319873..f92db821 100644
--- a/src/components/Link/Link.stories.tsx
+++ b/src/components/Link/Link.stories.tsx
@@ -55,7 +55,7 @@ export const MenuInList: Story = {
       </li>
       <li>
         <Link variant="menu" href="/home">
-          <Typography tagVariant="p">Token Bridge Dapp</Typography>
+          <Typography tagVariant="p">Token Bridge dApp</Typography>
         </Link>
       </li>
     </ul>