chore: add origins link (#1070)

* chore: add origins link

* Create lemon-bikes-run.md

Author: pietro-maximoff

.changeset/lemon-bikes-run.md

@@ -0,0 +1,5 @@
+---
+"frontend": patch
+---
+
+chore: add origins link

apps/frontend/src/app/3_organisms/Header/Header.tsx

@@ -18,6 +18,7 @@ import { useWalletConnect, useWrongNetworkCheck } from '../../../hooks';
 import { useCurrentChain } from '../../../hooks/useChainStore';
 import { translations } from '../../../locales/i18n';
 import { isBobChain } from '../../../utils/chain';
+import { getOriginsUrl } from '../../../utils/helpers';
 import { menuItemsMapping } from './Header.constants';
 import { BridgeMenuItem } from './components/BridgeMenuItem/BridgeMenuItem';
 import { NavItem } from './components/NavItem/NavItem';
@@ -68,6 +69,16 @@ export const Header: FC = () => {
                 <NavItem item={item} onClick={toggle} />
               </li>
             ))}
+            <li>
+              <a
+                href={getOriginsUrl()}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="text-gray-10 font-normal text-sm text-opacity-75 hover:text-gray-10 no-underline px-2 py-3"
+              >
+                {t(translations.header.nav.origins)}
+              </a>
+            </li>
             <ProductLinks />
             {isBobChain(chainId) && (
               <>

apps/frontend/src/constants/infrastructure.ts

@@ -40,3 +40,8 @@ export const SOVRYN_INDEXER = {
   [Environments.Mainnet]: 'https://indexer.sovryn.app',
   [Environments.Testnet]: 'https://indexer.test.sovryn.app',
 };
+
+export const ORIGINS_URL = {
+  [Environments.Mainnet]: 'https://origins.sovryn.app',
+  [Environments.Testnet]: 'https://develop--crowdforge.netlify.app',
+};

apps/frontend/src/locales/en/translations.json

@@ -111,6 +111,7 @@
             "convert": "Convert",
             "stake": "Stake",
             "bitocracy": "Bitocracy",
+            "origins": "Origins",
             "bob": "Go BoB",
             "runes": "Runes",
             "spicePoints": "Spice Points",

apps/frontend/src/utils/helpers.ts

@@ -17,6 +17,7 @@ import {
   AMM_SERVICE,
   GRAPH_WRAPPER,
   INDEXER_SERVICE,
+  ORIGINS_URL,
   SERVICES_CONFIG,
 } from '../constants/infrastructure';
 import { BOB } from '../constants/infrastructure/bob';
@@ -88,6 +89,9 @@ export const getIndexerUrl = () =>
 export const getAmmServiceUrl = () =>
   AMM_SERVICE[isMainnet() ? Environments.Mainnet : Environments.Testnet];
 
+export const getOriginsUrl = () =>
+  ORIGINS_URL[isMainnet() ? Environments.Mainnet : Environments.Testnet];
+
 export const dateFormat = (timestamp: number) => {
   const stamp = dayjs.tz(Number(timestamp) * MS, 'UTC');
   return stamp.format(`YYYY-MM-DD HH:mm:ss +UTC`);