Add "Coming soon!" for recommended plugins

gatsbyjs · Jul 30, 2020 · 4996aed · 4996aed
1 parent 69df1f0
commit 4996aed
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/packages/gatsby-admin/package.json b/packages/gatsby-admin/package.json
@@ -19,7 +19,7 @@
     "csstype": "^2.6.10",
     "formik": "^2.1.4",
     "gatsby": "^2.24.14",
-    "gatsby-interface": "0.0.173",
+    "gatsby-interface": "0.0.183",
     "gatsby-plugin-typescript": "^2.4.16",
     "gatsby-plugin-webfonts": "^1.1.3",
     "gatsby-source-graphql": "^2.6.2",

diff --git a/packages/gatsby-admin/src/pages/index.tsx b/packages/gatsby-admin/src/pages/index.tsx
@@ -4,6 +4,8 @@ import { jsx, Flex } from "strict-ui"
 import { Spinner } from "theme-ui"
 import { useQuery, useMutation } from "urql"
 import {
+  Card,
+  CardHeader,
   Heading,
   DropdownMenu,
   DropdownMenuButton,
@@ -13,6 +15,7 @@ import {
   Text,
   Badge,
   Spacer,
+  CardSection,
 } from "gatsby-interface"
 import PluginSearchBar from "../components/plugin-search"
 
@@ -57,7 +60,7 @@ const InstalledPluginListItem: React.FC<{
         "&:hover": { backgroundColor: `grey.10` },
       }}
     >
-      <Heading as="h2" sx={{ fontWeight: `bold`, fontSize: 2 }}>
+      <Heading as="h3" sx={{ fontWeight: `bold`, fontSize: 2 }}>
         {plugin.name}
       </Heading>
       <DropdownMenu>
@@ -174,7 +177,16 @@ const Index: React.FC<{}> = () => {
             <PluginSearchBar />
           </Flex>
 
-          <Subheading>Recommended plugins</Subheading>
+          <Flex flexDirection="column" gap={5}>
+            <Subheading>Recommended plugins</Subheading>
+            <Card>
+              <CardSection>
+                <Heading as="h3" sx={{ fontWeight: `bold`, fontSize: 2 }}>
+                  Coming soon!
+                </Heading>
+              </CardSection>
+            </Card>
+          </Flex>
         </Flex>
       </Flex>
     </Fragment>

diff --git a/yarn.lock b/yarn.lock
@@ -10453,10 +10453,10 @@ gather-stream@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/gather-stream/-/gather-stream-1.0.0.tgz#b33994af457a8115700d410f317733cbe7a0904b"
 
-gatsby-interface@0.0.173:
-  version "0.0.173"
-  resolved "https://registry.yarnpkg.com/gatsby-interface/-/gatsby-interface-0.0.173.tgz#7c48abcf73c9d1633d958f15e39677d8ae5f9023"
-  integrity sha512-gcx9oCmIKjSlolnQ1OzIJzHF9rUgdNEG8dlQL1VTsaCb7VTDYmMkmo09ybHIkQ/nv9bQEFmOMGiC/jeL02GXLg==
+gatsby-interface@0.0.183:
+  version "0.0.183"
+  resolved "https://registry.yarnpkg.com/gatsby-interface/-/gatsby-interface-0.0.183.tgz#cc1c7a655edd623635458a632bbf39d0b11f0eb9"
+  integrity sha512-SXmmyCiTC4xDmDF0ChHywchF3kfoPv2IazWhopBZzEpYR0RP8BmMQVIdXVS+FoEgG5SI0YBRKF6BPf+gRMslnw==
   dependencies:
     "@mdx-js/react" "^1.5.2"
     "@reach/alert" "0.10.3"