Replace abacus URLs with hyperlane

README.md

@@ -1,6 +1,6 @@
-# Abacus Explorer App
+# Hyperlane Explorer App
 
-A multi-chain explorer app for the Abacus protocol and network.
+A multi-chain explorer for the Hyperlane protocol and network.
 
 ## Setup
 
@@ -31,4 +31,4 @@ yarn lint
 
 ## Learn more
 
-For more information, see the [Abacus documentation](https://docs.useabacus.network/abacus-docs/developers/getting-started).
+For more information, see the [Hyperlane documentation](https://docs.hyperlane.xyz/hyperlane-docs/).

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "@abacus-network/explorer-app",
-  "description": "A multi-chain explorer app for the Abacus protocol and network.",
+  "name": "@hyperlane-xyz/explorer",
+  "description": "A multi-chain explorer for the Hyperlane protocol and network.",
   "version": "0.1.0",
   "author": "J M Rossy",
   "dependencies": {
@@ -36,14 +36,14 @@
     "ts-node": "^10.8.0",
     "typescript": "^4.7.4"
   },
-  "homepage": "https://www.useabacus.network",
+  "homepage": "https://www.hyperlane.xyz",
   "license": "Apache-2.0",
   "main": "dist/src/index.js",
   "packageManager": "yarn@3.2.0",
   "private": true,
   "repository": {
     "type": "git",
-    "url": "https://github.com/abacus-network/abacus-explorer-app"
+    "url": "https://github.com/hyperlane-xyz/hyperlane-explorer"
   },
   "scripts": {
     "clean": "rm -rf dist cache .next",

src/components/nav/Footer.tsx

@@ -1,5 +1,6 @@
 import Image from 'next/future/image';
 
+import { links } from '../../consts/links';
 import Book from '../../images/icons/book.svg';
 import Briefcase from '../../images/icons/briefcase.svg';
 import InfoCircle from '../../images/icons/info-circle.svg';
@@ -28,36 +29,12 @@ export function Footer() {
           </div>
         </div>
         <div className="grid grid-rows-2 grid-cols-3 gap-y-4 gap-x-5 md:gap-x-8">
-          <FooterIconLink
-            to="https://twitter.com/Abacus_Network"
-            imgSrc={Twitter}
-            text="Twitter"
-          />
-          <FooterIconLink
-            to="https://docs.useabacus.network"
-            imgSrc={Book}
-            text="Docs"
-          />
-          <FooterIconLink
-            to="https://www.hyperlane.xyz"
-            imgSrc={InfoCircle}
-            text="About"
-          />
-          <FooterIconLink
-            to="https://discord.gg/VK9ZUy3aTV"
-            imgSrc={Discord}
-            text="Discord"
-          />
-          <FooterIconLink
-            to="https://github.com/abacus-network"
-            imgSrc={Github}
-            text="Github"
-          />
-          <FooterIconLink
-            to="https://jobs.lever.co/Abacus"
-            imgSrc={Briefcase}
-            text="Jobs"
-          />
+          <FooterIconLink to={links.twitter} imgSrc={Twitter} text="Twitter" />
+          <FooterIconLink to={links.docs} imgSrc={Book} text="Docs" />
+          <FooterIconLink to={links.home} imgSrc={InfoCircle} text="About" />
+          <FooterIconLink to={links.discord} imgSrc={Discord} text="Discord" />
+          <FooterIconLink to={links.github} imgSrc={Github} text="Github" />
+          <FooterIconLink to={links.jobs} imgSrc={Briefcase} text="Jobs" />
         </div>
       </div>
     </footer>

src/components/nav/Header.tsx

@@ -3,6 +3,7 @@ import Link from 'next/link';
 import useDropdownMenu from 'react-accessible-dropdown-menu-hook';
 
 import { Environment, allConfigs, config } from '../../consts/appConfig';
+import { links } from '../../consts/links';
 import BookIcon from '../../images/icons/book.svg';
 import HamburgerIcon from '../../images/icons/hamburger.svg';
 import HouseIcon from '../../images/icons/house.svg';
@@ -43,7 +44,7 @@ export function Header() {
           <a
             className={styles.navLink}
             target="_blank"
-            href="https://docs.useabacus.network"
+            href={links.docs}
             rel="noopener noreferrer"
           >
             Docs
@@ -51,7 +52,7 @@ export function Header() {
           <a
             className={styles.navLink}
             target="_blank"
-            href="https://www.useabacus.network"
+            href={links.home}
             rel="noopener noreferrer"
           >
             About
@@ -83,7 +84,7 @@ export function Header() {
           onClick={closeDropdown}
           className={styles.dropdownOption}
           target="_blank"
-          href="https://docs.useabacus.network"
+          href={links.docs}
           rel="noopener noreferrer"
         >
           <DropdownItemContent icon={BookIcon} text="Docs" />
@@ -93,7 +94,7 @@ export function Header() {
           onClick={closeDropdown}
           className={styles.dropdownOption}
           target="_blank"
-          href="https://www.useabacus.network"
+          href={links.home}
           rel="noopener noreferrer"
         >
           <DropdownItemContent icon={InfoIcon} text="About" />

src/consts/appConfig.ts

@@ -14,7 +14,7 @@ export const allConfigs: Record<Environment, Config> = {
     environment: Environment.Mainnet,
     debug: isDevMode,
     version,
-    url: 'https://abacus-explorer-app.vercel.app/',
+    url: 'https://hyperlane-explorer.vercel.app/',
     apiUrl: 'https://abacus-explorer-api.hasura.app/v1/graphql',
   },
   testnet2: {

src/consts/links.ts

@@ -0,0 +1,8 @@
+export const links = {
+  home: 'https://www.hyperlane.xyz',
+  discord: 'https://discord.gg/VK9ZUy3aTV',
+  github: 'https://github.com/hyperlane-xyz',
+  docs: 'https://docs.hyperlane.xyz/hyperlane-docs',
+  jobs: 'https://jobs.lever.co/Abacus',
+  twitter: 'https://twitter.com/hyperlane_xyz',
+};