diff --git a/package.json b/package.json index 0c7f7c612..ec544a5c8 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "safe-homepage", "homepage": "https://github.com/safe-global/safe-homepage", - "version": "1.2.4", + "version": "1.2.5", "scripts": { "build": "next build && next export", "lint": "tsc && next lint", diff --git a/public/images/arrow-out-square-corner.svg b/public/images/arrow-out-square-corner.svg new file mode 100644 index 000000000..a06f2ea3f --- /dev/null +++ b/public/images/arrow-out-square-corner.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/components/common/Header/index.tsx b/src/components/common/Header/index.tsx index 2e6178d47..a5a7596d1 100644 --- a/src/components/common/Header/index.tsx +++ b/src/components/common/Header/index.tsx @@ -4,11 +4,12 @@ import Link from 'next/link' import { AppRoutes } from '@/config/routes' import Logo from '@/public/images/logo.svg' -import { WALLET_LINK } from '@/config/constants' +import { SAFECON_LINK, WALLET_LINK } from '@/config/constants' import { useOpenPositions } from '@/hooks/useOpenPositions' import css from './styles.module.css' import clsx from 'clsx' import { useRouter } from 'next/router' +import ArrowIcon from '@/public/images/arrow-out-square-corner.svg' const navItems = [ { @@ -31,8 +32,24 @@ const navItems = [ label: 'Careers', href: AppRoutes.careers, }, + { + label: ( +
+ Safe + CON + +
+ ), + href: SAFECON_LINK, + external: true, + }, ] +const externalLinkAttrs = { + target: '_blank', + rel: 'noopener noreferrer', +} + const Header = () => { const { asPath } = useRouter() const [isOpen, setIsOpen] = useState(false) @@ -66,6 +83,7 @@ const Header = () => { className={clsx(css.link, item.href === asPath && css.active)} href={item.href} onClick={closeNavigation} + {...(item.external ? externalLinkAttrs : {})} >