feat: more blog url fixes

packages/website/ts/@next/components/mobileNav.tsx

@@ -2,9 +2,9 @@ import * as React from 'react';
 import MediaQuery from 'react-responsive';
 import styled from 'styled-components';
 
-import {Link} from 'react-router-dom';
+import { Link } from 'react-router-dom';
 
-import {WrapGrid, WrapProps} from 'ts/@next/components/newLayout';
+import { WrapGrid, WrapProps } from 'ts/@next/components/newLayout';
 import { WebsitePaths } from 'ts/types';
 
 interface Props {
@@ -24,14 +24,10 @@ export class MobileNav extends React.PureComponent<Props> {
 
                         <ul>
                             <li>
-                                <Link to={WebsitePaths.Instant}>
+                                <Link to={WebsitePaths.Instant}>0x Instant</Link>
-                                    0x Instant
-                                </Link>
                             </li>
                             <li>
-                                <Link to={WebsitePaths.LaunchKit}>
+                                <Link to={WebsitePaths.LaunchKit}>0x Launch Kit</Link>
-                                    0x Launch Kit
-                                </Link>
                             </li>
                         </ul>
                     </Section>
@@ -39,39 +35,36 @@ export class MobileNav extends React.PureComponent<Props> {
                     <Section isDark={true}>
                         <Grid as="ul" isFullWidth={true} isWrapped={true}>
                             <li>
-                                <Link to={WebsitePaths.Why}>
+                                <Link to={WebsitePaths.Why}>Why 0x</Link>
-                                    Why 0x
-                                </Link>
                             </li>
                             <li>
-                                <Link to={WebsitePaths.AboutMission}>
+                                <Link to={WebsitePaths.AboutMission}>About</Link>
-                                    About
-                                </Link>
                             </li>
                             <li>
-                                <a href="https://blog.0x.org/latest" target="_blank">
+                                <a href="https://blog.0xproject.com/latest" target="_blank">
                                     Blog
                                 </a>
                             </li>
                         </Grid>
                     </Section>
 
-                    {isToggled &&
+                    {isToggled && <Overlay onClick={toggleMobileNav} />}
-                        <Overlay onClick={toggleMobileNav} />
-                    }
                 </Wrap>
             </MediaQuery>
         );
     }
 }
 
-const Wrap = styled.nav<{ isToggled: boolean }>`
+const Wrap =
+    styled.nav <
+    { isToggled: boolean } >
+    `
     width: 100%;
     height: 357px;
     background-color: ${props => props.theme.mobileNavBgUpper};
     color: ${props => props.theme.mobileNavColor};
-    transition: ${props => props.isToggled ? 'visibility 0s, transform 0.5s' : 'visibility 0s 0.5s, transform 0.5s'};
+    transition: ${props => (props.isToggled ? 'visibility 0s, transform 0.5s' : 'visibility 0s 0.5s, transform 0.5s')};
-    transform: translate3d(0, ${props => props.isToggled ? 0 : '-100%'}, 0);
+    transform: translate3d(0, ${props => (props.isToggled ? 0 : '-100%')}, 0);
     visibility: ${props => !props.isToggled && 'hidden'};
     position: fixed;
     display: flex;
@@ -103,13 +96,19 @@ const Overlay = styled.div`
     cursor: pointer;
 `;
 
-const Section = styled.div<{ isDark?: boolean }>`
+const Section =
+    styled.div <
+    { isDark: boolean } >
+    `
     width: 100%;
     padding: 15px 30px;
     background-color: ${props => props.isDark && props.theme.mobileNavBgLower};
 `;
 
-const Grid = styled(WrapGrid)<WrapProps>`
+const Grid =
+    styled(WrapGrid) <
+    WrapProps >
+    `
     justify-content: flex-start;
 
     li {

packages/website/ts/components/eth_wrappers.tsx

@@ -209,7 +209,7 @@ export class EthWrappers extends React.Component<EthWrappersProps, EthWrappersSt
                     <Divider />
                     <div className="pt2" style={{ lineHeight: 1.5 }}>
                         The{' '}
-                        <a href="https://blog.0x.org/canonical-weth-a9aa7d0279dd" target="_blank">
+                        <a href={constants.URL_CANONICAL_WETH_POST} target="_blank">
                             canonical WETH
                         </a>{' '}
                         contract is updated when necessary. Unwrap outdated WETH in order to
 retrieve your ETH and move

packages/website/ts/utils/constants.ts

@@ -98,16 +98,17 @@ export const constants = {
     URL_TWITTER: 'https://twitter.com/0xproject',
     URL_FACEBOOK: 'https://www.facebook.com/0xProject/',
     URL_WETH_IO: 'https://weth.io/',
+    URL_CANONICAL_WETH_POST: 'https://blog.0xproject.com/canonical-weth-a9aa7d0279dd',
     URL_ZEROEX_CHAT,
     URL_LAUNCH_KIT: 'https://github.com/0xProject/0x-launch-kit',
-    URL_LAUNCH_KIT_BLOG_POST: 'https://blog.0x.org/introducing-the-0x-launch-kit-4acdc3453585',
+    URL_LAUNCH_KIT_BLOG_POST: 'https://blog.0xproject.com/introducing-the-0x-launch-kit-4acdc3453585',
     URL_WEB3_DOCS: 'https://github.com/ethereum/wiki/wiki/JavaScript-API',
     URL_WEB3_DECODED_LOG_ENTRY_EVENT:
         'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L123',
     URL_WEB3_LOG_ENTRY_EVENT: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L127',
     URL_WEB3_PROVIDER_DOCS: 'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L150',
     URL_BIGNUMBERJS_GITHUB: 'http://mikemcl.github.io/bignumber.js',
-    URL_MISSION_AND_VALUES_BLOG_POST: 'https://blog.0x.org/the-0x-mission-and-values-181a58706f9f',
+    URL_MISSION_AND_VALUES_BLOG_POST: 'https://blog.0xproject.com/the-0x-mission-and-values-181a58706f9f',
     DEVELOPER_TOPBAR_LINKS: [
         {
             title: Key.Wiki,