diff --git a/explorer/src/components/Layout/DefaultLayout.tsx b/explorer/src/components/Layout/DefaultLayout.tsx index 9bb36535..5f1c4a5a 100644 --- a/explorer/src/components/Layout/DefaultLayout.tsx +++ b/explorer/src/components/Layout/DefaultLayout.tsx @@ -133,6 +133,15 @@ const DefaultLayout: React.FC<{}> = ({ , +
+ + {intl.formatMessage({ id: "nav.docsLink" })} + +
,
+ + + + diff --git a/explorer/src/locales/en.json b/explorer/src/locales/en.json index b50a9e15..b516bbf3 100644 --- a/explorer/src/locales/en.json +++ b/explorer/src/locales/en.json @@ -37,12 +37,14 @@ "partnersLink": "partners", "codeLink": "code", "jobsLink": "jobs", + "docsLink": "docs", "bridgeLink": "Launch Bridge", "discordAltText": "Go to Wormhole's Discord", "githubAltText": "Go to Wormhole's Github", "mediumAltText": "Go to Wormhole's Medium", "telegramAltText": "Go to Wormhole's Telegram", - "twitterAltText": "Go to Wormhole's Twitter" + "twitterAltText": "Go to Wormhole's Twitter", + "docsAltText": "Go to Wormhole's Documentation" }, "footer": { "openSource": "Open Source", diff --git a/explorer/src/utils/misc/socials.tsx b/explorer/src/utils/misc/socials.tsx index 9b858b35..41d18c70 100644 --- a/explorer/src/utils/misc/socials.tsx +++ b/explorer/src/utils/misc/socials.tsx @@ -2,6 +2,7 @@ import React from 'react' import { IntlShape } from 'gatsby-plugin-intl'; import { OutboundLink } from "gatsby-plugin-google-gtag" +import { ReactComponent as DocsIcon } from '~/icons/Docs.svg'; import { ReactComponent as DiscordIcon } from '~/icons/Discord.svg'; import { ReactComponent as GithubIcon } from '~/icons/Github.svg'; import { ReactComponent as MediumIcon } from '~/icons/Medium.svg'; @@ -11,6 +12,7 @@ import { ReactComponent as TwitterIcon } from '~/icons/Twitter.svg'; interface KeyToElement { [service: string]: React.SFC> } const socialLinks: { [service: string]: string } = { + 'docs': "https://docs.wormholenetwork.com", 'discord': "https://discord.gg/xsT8qrHAvV", 'github': "https://github.com/certusone/wormhole", 'medium': "http://wormholecrypto.medium.com", @@ -18,6 +20,7 @@ const socialLinks: { [service: string]: string } = { 'twitter': "https://twitter.com/wormholecrypto", } const socialIcons: KeyToElement = { + 'docs': DocsIcon, 'discord': DiscordIcon, 'github': GithubIcon, 'medium': MediumIcon,