[www] Move Plugins page from /packages to /plugins

www/gatsby-node.js

@@ -34,6 +34,12 @@ exports.createPages = ({ graphql, boundActionCreators }) => {
     isPermanent: true,
   })
 
+  createRedirect({
+    fromPath: `/packages/`, // Moved "Plugins" page from /packages to /plugins
+    toPath: `/plugins/`,
+    isPermanent: true,
+  })
+
   return new Promise((resolve, reject) => {
     const docsTemplate = path.resolve(`src/templates/template-docs-markdown.js`)
     const blogPostTemplate = path.resolve(`src/templates/template-blog-post.js`)
@@ -230,7 +236,7 @@ exports.onCreateNode = ({ node, boundActionCreators, getNode }) => {
       fileNode.sourceInstanceName === `packages` &&
       parsedFilePath.name === `README`
     ) {
-      slug = `/packages/${parsedFilePath.dir}/`
+      slug = `/plugins/${parsedFilePath.dir}/`
       createNodeField({
         node,
         name: `title`,

www/src/components/navigation-mobile.js

@@ -52,7 +52,7 @@ const MobileNavigation = () => (
   >
     <MobileNavItem linkTo="/docs/" label="Docs" icon={DocsIcon} />
     <MobileNavItem linkTo="/tutorial/" label="Tutorial" icon={TutorialIcon} />
-    <MobileNavItem linkTo="/packages/" label="Plugins" icon={PluginsIcon} />
+    <MobileNavItem linkTo="/plugins/" label="Plugins" icon={PluginsIcon} />
     <MobileNavItem linkTo="/blog/" label="Blog" icon={BlogIcon} />
   </div>
 )

www/src/components/navigation.js

@@ -152,7 +152,7 @@ export default ({ pathname }) => {
         >
           <NavItem linkTo="/docs/">Docs</NavItem>
           <NavItem linkTo="/tutorial/">Tutorial</NavItem>
-          <NavItem linkTo="/packages/">Plugins</NavItem>
+          <NavItem linkTo="/plugins/">Plugins</NavItem>
           <NavItem linkTo="/features/">Features</NavItem>
           <NavItem linkTo="/blog/">Blog</NavItem>
         </ul>

www/src/components/searchbar-body.js

@@ -310,7 +310,7 @@ const Result = ({ hit, pathname, search }) => {
   return (
     <Link
       to={{
-        pathname: `/packages/${hit.name}/`,
+        pathname: `/plugins/${hit.name}/`,
         search: `?=${search}`,
       }}
       css={{

www/src/layouts/index.js

@@ -31,9 +31,9 @@ class DefaultLayout extends React.Component {
     const isTutorial =
       this.props.location.pathname.slice(0, 10) === `/tutorial/`
     const isFeature = this.props.location.pathname.slice(0, 9) === `/features`
-    const isPackage = this.props.location.pathname.slice(0, 9) === `/packages`
+    const isPackage = this.props.location.pathname.slice(0, 8) === `/plugins`
     const isPackageReadme =
-      this.props.location.pathname.slice(0, 16) === `/packages/gatsby`
+      this.props.location.pathname.slice(0, 15) === `/plugins/gatsby`
 
     const hasSidebar =
       isDoc || isTutorial || isFeature || isPackage || isPackageReadme
@@ -42,7 +42,7 @@ class DefaultLayout extends React.Component {
     const packageSidebarWidth = rhythm(17)
 
     const leftPadding = rhythmSize => {
-      if (this.props.location.pathname.slice(0, 9) === `/packages`) {
+      if (this.props.location.pathname.slice(0, 8) === `/plugins`) {
         return packageSidebarWidth
       } else if (hasSidebar) {
         return rhythm(rhythmSize)