Update header URLs

hermeznetwork · Feb 9, 2023 · eb03782 · eb03782
1 parent 917325f
commit eb03782
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/src/constants.js b/src/constants.js
@@ -5,3 +5,7 @@ export const HEZ_TOKEN_DECIMALS = 18;
 export const TESTNET_API_HOSTNAME = "api.testnet.hermez.io";
 
 export const MAINNET_API_HOSTNAME = "api.hermez.io";
+
+export const WEBSITE_URL = "https://polygon.technology/solutions/polygon-zkevm";
+
+export const TWITTER_URL = "https://twitter.com/0xPolygonZK";
diff --git a/src/views/shared/header/header.jsx b/src/views/shared/header/header.jsx
@@ -8,7 +8,12 @@ import Search from "../../search/search.view";
 import { ReactComponent as Close } from "../../../images/icons/close.svg";
 import { ReactComponent as Menu } from "../../../images/icons/menu.svg";
 
-import { TESTNET_API_HOSTNAME, MAINNET_API_HOSTNAME } from "../../../constants";
+import {
+  TESTNET_API_HOSTNAME,
+  MAINNET_API_HOSTNAME,
+  WEBSITE_URL,
+  TWITTER_URL,
+} from "../../../constants";
 
 function Header() {
   const classes = useHeaderStyles();
@@ -91,12 +96,12 @@ function Header() {
                 })}
               >
                 <a
-                  href="http://hermez.io/"
+                  href={WEBSITE_URL}
                   target="_blank"
                   rel="noopener noreferrer"
                   className={classes.link}
                 >
-                  Go to hermez.io
+                  Polygon zkEVM website
                 </a>
                 <a
                   href={
@@ -114,7 +119,7 @@ function Header() {
                   Registered Tokens
                 </a>
                 <a
-                  href="https://twitter.com/0xPolygonHermez"
+                  href={TWITTER_URL}
                   target="_blank"
                   rel="noopener noreferrer"
                   className={classes.link}

diff --git a/src/views/shared/header/header.styles.js b/src/views/shared/header/header.styles.js
@@ -31,6 +31,8 @@ const useMainHeaderStyles = createUseStyles((theme) => ({
     marginBottom: theme.spacing(2),
   },
   menuButtons: {
+    display: "flex",
+    alignItems: "center",
     marginTop: theme.spacing(1.5),
     [theme.breakpoints.sm]: {
       marginTop: 0,
@@ -47,7 +49,6 @@ const useMainHeaderStyles = createUseStyles((theme) => ({
   links: {
     display: "flex",
     alignItems: "center",
-    marginTop: theme.spacing(1.5),
   },
   link: {
     display: "flex",