fix: add blog link with navigation fix (#1960)

This PR adds a link to the new blog and addresses a formatting issue in the docs navigation
web3-storage · Sep 28, 2022 · efaed67 · efaed67
1 parent 618963c
commit efaed67
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 2 deletions.
diff --git a/packages/website/components/link/link.js b/packages/website/components/link/link.js
@@ -2,10 +2,10 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Link from 'next/link';
 
-const WrappedLink = ({ tabIndex = 0, href, ...otherProps }) => (
+const WrappedLink = ({ tabIndex = 0, href, target = '_self', ...otherProps }) => (
   <Link href={href} {...otherProps}>
     {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
-    <a {...otherProps} tabIndex={tabIndex} onClick={otherProps.onClick}>
+    <a target={target} {...otherProps} tabIndex={tabIndex} onClick={otherProps.onClick}>
       {otherProps.children}
     </a>
   </Link>
@@ -16,6 +16,7 @@ WrappedLink.propTypes = {
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.array, PropTypes.object, PropTypes.string]),
   href: PropTypes.string.isRequired,
+  target: PropTypes.string,
 };
 
 export default WrappedLink;
diff --git a/packages/website/components/navigation/navigation.js b/packages/website/components/navigation/navigation.js
@@ -209,6 +209,7 @@ export default function Navigation({ isProductApp }) {
                       </div>
                     ) : (
                       <Link
+                        target={item.text === 'Blog' ? '_blank' : '_self'}
                         key={item.text}
                         href={item.url}
                         className={clsx('nav-item', item.url === router.route ? 'current-page' : '')}

diff --git a/packages/website/content/pages/general.json b/packages/website/content/pages/general.json
@@ -45,6 +45,11 @@
         "url": "/faq",
         "text": "FAQ"
       },
+      {
+        "url": "https://blog.web3.storage",
+        "text": "Blog",
+        "target": "_blank"
+      },
       {
         "url": "/docs",
         "text": "Docs"

diff --git a/packages/website/modules/docs-theme/index.scss b/packages/website/modules/docs-theme/index.scss
@@ -10,6 +10,10 @@
   background-size: cover;
   word-break: break-word;
 
+  #navigation {
+    word-break: normal;
+  }
+
   #footer_squiggle {
     width: 25rem;
     left: -6.5rem;