Updates nav additions (#6366)

* Relocated "K5 vs K6" guidance

* Updated sidebar navigation content for `/updates`

docs/components/docs/Navigation.tsx

@@ -10,6 +10,7 @@ import { useMediaQuery } from '../../lib/media';
 import { useHeaderContext } from '../Header';
 import { Badge } from '../primitives/Badge';
 import { Type } from '../primitives/Type';
+import { Emoji } from '../primitives/Emoji';
 
 type SectionProps = { label: string; children: ReactNode };
 export function Section({ label, children }: SectionProps) {
@@ -133,7 +134,6 @@ export function DocsNavigation() {
       <PrimaryNavItem href="/docs/walkthroughs">Walkthroughs</PrimaryNavItem>
       <PrimaryNavItem href="/docs/examples">Examples</PrimaryNavItem>
       <Section label="Guides">
-        <NavItem href="/docs/guides/keystone-5-vs-keystone-6-preview">Keystone 5 vs 6</NavItem>
         <NavItem href="/docs/guides/cli">Command Line</NavItem>
         <NavItem href="/docs/guides/relationships">Relationships</NavItem>
         <NavItem href="/docs/guides/filters">
@@ -214,6 +214,36 @@ export function UpdatesNavigation({ releases = [] }: { releases: string[] }) {
           ))}
         </Section>
       ) : null}
+      <Section label="Featured News">
+        <NavItem href="/updates/new-graphql-api">
+          <Emoji symbol="💎" alt="Gemstone" />
+          &nbsp; New GraphQL API
+        </NavItem>
+        <NavItem href="/releases/2021-07-29">
+          <Emoji symbol="🎛️" alt="Control knobs" />
+          &nbsp; Customisable Admin UI
+        </NavItem>
+        <NavItem href="/updates/prisma-day-2021">
+          <Emoji symbol="🍿" alt="TV" />
+          &nbsp; Jed’s Prisma Day Talk
+        </NavItem>
+        <NavItem href="/releases/2021-06-15">
+          <Emoji symbol="⚙️" alt="Gear" />
+          &nbsp; New Core
+        </NavItem>
+        <NavItem
+          href="https://github.com/keystonejs/keystone/tree/master/examples"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          <Emoji symbol="🧪" alt="Test Tube" />
+          &nbsp; New Examples Collection
+        </NavItem>
+        <NavItem href="/updates/keystone-5-vs-keystone-6-preview">
+          <Emoji symbol="ℹ️" alt="Information" />
+          &nbsp; Keystone 5 vs 6
+        </NavItem>
+      </Section>
     </nav>
   );
 }

docs/pages/docs/guides/index.tsx

@@ -35,14 +35,6 @@ export default function Docs() {
           gap: 'var(--space-xlarge)',
         })}
       >
-        <Well
-          grad="grad2"
-          heading="Keystone 5 vs Next. Which should you use?"
-          href="/docs/guides/keystone-5-vs-keystone-6-preview"
-        >
-          We’re transitioning to Keystone 6 soon. If you’re wondering which version to start a new
-          project with today, this guide is for you.
-        </Well>
         <Well grad="grad2" heading="Command line foundations" href="/docs/guides/cli">
           Keystone’s CLI helps you develop, build, and deploy projects. This guide explains all you
           need to standup a new backend in the terminal.

docs/pages/docs/index.tsx

@@ -101,7 +101,7 @@ export default function Docs() {
         <Well
           grad="grad2"
           heading="Keystone 5 vs Next. Which should you use?"
-          href="/docs/guides/keystone-5-vs-keystone-6-preview"
+          href="/updates/keystone-5-vs-keystone-6-preview"
         >
           We’re graduating Keystone 6 soon. If you’re wondering which version to start a new project
           with today, this guide is for you.

docs/pages/updates/index.tsx

@@ -167,7 +167,7 @@ export default function WhatsNew() {
         })}
       >
         <Timeline date="17th August 2021" isLatest />
-        <Box heading="A new and improved GraphQL API">
+        <Box heading="New & improved GraphQL API">
           A major milestone in the path to a <InlineCode>General Availability</InlineCode> status
           for <strong>Keystone 6</strong>, we've just released a new and improved GraphQL API.{' '}
           <Emoji symbol="🎉" alt="Celebration" />
@@ -412,7 +412,7 @@ export default function WhatsNew() {
         </Box>
         <Timeline date="19th March 2021" isFirst />
         <Box
-          link="/docs/guides/keystone-5-vs-keystone-6-preview"
+          link="/updates/keystone-5-vs-keystone-6-preview"
           heading="Guidance on using Keystone 5 vs Keystone 6 "
         >
           Keystone 5 is now in maintenance mode while we focus all our efforts on building Keystone

docs/pages/docs/guides/keystone-5-vs-keystone-6-preview.mdx → docs/pages/updates/keystone-5-vs-keystone-6-preview.mdx

@@ -1,4 +1,4 @@
-import { Markdown } from '../../../components/Markdown';
+import { Markdown } from '../../components/Markdown';
 
 # Keystone 5 vs 6, which should you use?
 

docs/pages/updates/roadmap.tsx

@@ -240,7 +240,7 @@ export default function Roadmap() {
 
       {/* <Alert css={{ margin: '2rem 0 4rem' }}>
         If you're assessing whether to start a project today on Keystone 5 or 6, check our{' '}
-        <Link href="/docs/guides/keystone-5-vs-keystone-6-preview">
+        <Link href="/updates/keystone-5-vs-keystone-6-preview">
           <a>Comparison Page</a>
         </Link>
       </Alert> */}

docs/redirects.js

@@ -106,7 +106,12 @@ const ORIGINAL_NEXT = [
 const CURRENT = [
   {
     source: '/docs/guides/keystone-5-vs-keystone-next',
-    destination: '/docs/guides/keystone-5-vs-keystone-6-preview',
+    destination: '/updates/keystone-5-vs-keystone-6-preview',
+    permanent: true,
+  },
+  {
+    source: '/docs/guides/keystone-5-vs-keystone-6-preview',
+    destination: '/updates/keystone-5-vs-keystone-6-preview',
     permanent: true,
   },
 ];