feat: add zero link to header (#2221)

* feat: add zero link to header * chore: use staging env detection, update zero link * fix: zero mobile menu title * feat: remove zero link on testnet Co-authored-by: soulBit <[email protected]>
DistributedCollective · May 24, 2022 · 79b58e0 · 79b58e0
1 parent 21edfbe
commit 79b58e0
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 49 deletions.
diff --git a/.github/workflows/deploy-staging.yml b/.github/workflows/deploy-staging.yml
@@ -33,6 +33,7 @@ jobs:
         run: yarn build
         env:
           REACT_APP_NETWORK: 'mainnet'
+          REACT_APP_STAGING: 'true'
           REACT_APP_BYPASS_MAINTENANCE: 'true'
           REACT_APP_ESTIMATOR_URI: 'https://simulator.sovryn.app'
           REACT_APP_INTERCOM_ID: 'zxxit1rp'
@@ -42,10 +43,10 @@ jobs:
         env:
           AWS_ACCESS_KEY_ID: '${{ secrets.AWS_ACCESS_KEY_ID }}'
           AWS_SECRET_ACCESS_KEY: '${{ secrets.AWS_SECRET_ACCESS_KEY }}'
-          AWS_BUCKET_NAME:  '${{ secrets.AWS_S3_BUCKET }}'
+          AWS_BUCKET_NAME: '${{ secrets.AWS_S3_BUCKET }}'
           AWS_REGION: us-east-2
           SOURCE: build
-#          TARGET:
+          #          TARGET:
           WITH_DELETE: true
 #          WITH_CLOUD_FRONT_INVALIDATION:
 #          AWS_CLOUDFRONT_DISTRIBUTION_ID:

diff --git a/...app/containers/PageContainer/components/DefaultHeaderComponent/DefaultHeaderComponent.tsx b/...app/containers/PageContainer/components/DefaultHeaderComponent/DefaultHeaderComponent.tsx
@@ -20,8 +20,7 @@ import {
 import { LanguageToggle } from '../../../../components/LanguageToggle';
 import styles from './index.module.scss';
 import { ReactComponent as SovLogo } from 'assets/images/sovryn-logo-alpha.svg';
-import { bitocracyUrl, currentNetwork, isMainnet } from 'utils/classifiers';
-import { AppMode } from 'types';
+import { bitocracyUrl, zeroUrl, isMainnet } from 'utils/classifiers';
 
 export const DefaultHeaderComponent: React.FC = () => {
   const { t } = useTranslation();
@@ -160,7 +159,13 @@ export const DefaultHeaderComponent: React.FC = () => {
     },
   ];
 
-  if (!isMainnet) {
+  if (isMainnet) {
+    pages.push({
+      to: zeroUrl,
+      title: t(translations.mainMenu.zero),
+      dataActionId: 'header-lab-link-zero',
+    });
+  } else {
     pages.push({
       to: '/perpetuals',
       title: t(translations.mainMenu.perpetuals),
@@ -262,7 +267,7 @@ export const DefaultHeaderComponent: React.FC = () => {
       [SECTION_TYPE.FINANCE]: ['/lend', '/yield-farm'],
       [SECTION_TYPE.BITOCRACY]: ['/stake'],
       [SECTION_TYPE.ORIGINS]: ['/origins', '/origins/claim'],
-      [SECTION_TYPE.LABS]: ['/labs', '/mynt-token', '/perpetuals'],
+      [SECTION_TYPE.LABS]: ['/labs', '/mynt-token', '/perpetuals', '/zero'],
     };
     return section && paths[section].includes(location.pathname);
   };
@@ -464,57 +469,63 @@ export const DefaultHeaderComponent: React.FC = () => {
                 >
                   {t(translations.mainMenu.wallet)}
                 </NavLink>
-                {currentNetwork === AppMode.TESTNET && (
-                  <NavPopover
-                    content={
-                      <BPMenu>
-                        <MenuItem
-                          text={t(translations.mainMenu.myntToken)}
-                          className="bp3-popover-dismiss"
-                          href="/mynt-token"
-                          data-action-id="header-lab-mynt-token"
-                        />
-                        {!isMainnet && (
-                          <MenuItem
-                            text={t(translations.mainMenu.perpetuals)}
-                            className="bp3-popover-dismiss"
-                            href="/perpetuals"
-                            data-action-id="header-lab-perpetuals"
-                          />
-                        )}
-                        <span className={styles.host}>
-                          {t(translations.mainMenu.origins)}
-                        </span>
+                <NavPopover
+                  content={
+                    <BPMenu>
+                      {isMainnet && (
                         <MenuItem
-                          text={t(translations.mainMenu.launchpad)}
+                          href={zeroUrl}
+                          text={t(translations.mainMenu.zero)}
                           className="bp3-popover-dismiss"
-                          onClick={() => history.push('/origins')}
-                          data-action-id="header-origins-link-launchpad"
+                          data-action-id="header-lab-zero-link"
                         />
+                      )}
+                      {!isMainnet && (
                         <MenuItem
-                          text={t(translations.mainMenu.claim)}
+                          text={t(translations.mainMenu.perpetuals)}
                           className="bp3-popover-dismiss"
-                          onClick={() => history.push('/origins/claim')}
-                          data-action-id="header-origins-link-claim"
+                          href="/perpetuals"
+                          data-action-id="header-lab-perpetuals"
                         />
-                      </BPMenu>
-                    }
+                      )}
+                      <MenuItem
+                        text={t(translations.mainMenu.myntToken)}
+                        className="bp3-popover-dismiss"
+                        href="/mynt-token"
+                        data-action-id="header-lab-mynt-token"
+                      />
+                      <span className={styles.host}>
+                        {t(translations.mainMenu.origins)}
+                      </span>
+                      <MenuItem
+                        text={t(translations.mainMenu.launchpad)}
+                        className="bp3-popover-dismiss"
+                        onClick={() => history.push('/origins')}
+                        data-action-id="header-origins-link-launchpad"
+                      />
+                      <MenuItem
+                        text={t(translations.mainMenu.claim)}
+                        className="bp3-popover-dismiss"
+                        onClick={() => history.push('/origins/claim')}
+                        data-action-id="header-origins-link-claim"
+                      />
+                    </BPMenu>
+                  }
+                >
+                  <div
+                    className={`tw-flex-shrink-0 tw-flex tw-flex-row tw-items-center ${
+                      isSectionOpen(SECTION_TYPE.LABS) && 'tw-font-bold'
+                    }`}
                   >
-                    <div
-                      className={`tw-flex-shrink-0 tw-flex tw-flex-row tw-items-center ${
-                        isSectionOpen(SECTION_TYPE.LABS) && 'tw-font-bold'
-                      }`}
+                    <span
+                      className="tw-mr-2 2xl:tw-mr-3 tw-cursor-pointer"
+                      data-action-id="header-link-origins"
                     >
-                      <span
-                        className="tw-mr-2 2xl:tw-mr-3 tw-cursor-pointer"
-                        data-action-id="header-link-origins"
-                      >
-                        {t(translations.mainMenu.labs)}
-                      </span>
-                      <FontAwesomeIcon icon={faChevronDown} size="xs" />
-                    </div>
-                  </NavPopover>
-                )}
+                      {t(translations.mainMenu.labs)}
+                    </span>
+                    <FontAwesomeIcon icon={faChevronDown} size="xs" />
+                  </div>
+                </NavPopover>
               </div>
             </div>
           </div>

diff --git a/src/utils/classifiers.ts b/src/utils/classifiers.ts
@@ -11,6 +11,7 @@ export const currentNetwork: AppMode | string =
   String(process.env.REACT_APP_NETWORK).toLowerCase() || AppMode.MAINNET;
 
 export const isMainnet = currentNetwork === 'mainnet';
+export const isStaging = !!process.env.REACT_APP_STAGING;
 
 export const currentChainId = chains[currentNetwork];
 
@@ -41,6 +42,13 @@ export const bitocracyUrl =
     ? 'https://bitocracy.sovryn.app'
     : 'https://bitocracy.test.sovryn.app';
 
+export const zeroUrl =
+  currentNetwork === AppMode.MAINNET
+    ? isStaging
+      ? 'https://staging.sovryn.app/zero'
+      : 'https://live.sovryn.app/zero'
+    : 'https://test.sovryn.app/zero';
+
 export const databaseRpcNodes = {
   30: 'https://backend.sovryn.app/rpc',
   31: 'https://api.test.sovryn.app/rpc',