Fix issues

Author: ardatan

gatsby-config.js

@@ -8,6 +8,7 @@ module.exports = {
 
   plugins: [
     "gatsby-plugin-react-helmet",
+    'gatsby-plugin-anchor-links',
     {
       resolve: "gatsby-source-filesystem",
       options: {

gatsby-node.js

@@ -145,7 +145,7 @@ exports.createPages = async ({ graphql, actions }) => {
       let i = 0
       while (page && i++ < 1000) {
         const { frontmatter } = page
-        const { definedCategory, next: definedNextPageUrl } = frontmatter
+        const { category: definedCategory, next: definedNextPageUrl } = frontmatter
         let category = definedCategory || folder
         if (!currentCategory || category !== currentCategory.name) {
           currentCategory && categories.push(currentCategory)

package.json

@@ -16,6 +16,7 @@
     "codemirror": "5.58.1",
     "codemirror-graphql": "0.12.3",
     "gatsby": "2.24.78",
+    "gatsby-plugin-anchor-links": "1.1.1",
     "gatsby-plugin-feed": "2.5.18",
     "gatsby-plugin-google-analytics": "2.3.18",
     "gatsby-plugin-less": "4.0.6",

src/components/DocsSidebar/index.tsx

@@ -1,9 +1,10 @@
 import React from "react"
 import { Link } from "gatsby"
 import { toSlug } from "../../utils/slug"
+import { AnchorLink } from "gatsby-plugin-anchor-links"
 
 const SidebarForCategory = ({ category }: any) => {
-  const listItems = category.links.map((page: any, i) => {
+  const listItems = category.links.map((page: any, i: number) => {
     return (
       <li key={i}>
         <Link
@@ -15,11 +16,14 @@ const SidebarForCategory = ({ category }: any) => {
         </Link>
         {page.frontmatter.sublinks && (
           <ul>
-            {page.frontmatter.sublinks.split(",").map((sublink: any, i) => (
+            {page.frontmatter.sublinks.split(",").map((sublink: any, i: number) => (
               <li key={i}>
-                <Link to={page.frontmatter.permalink + "#" + toSlug(sublink)}>
+                <AnchorLink
+                  title={sublink}
+                  to={page.frontmatter.permalink + "#" + toSlug(sublink)}
+                >
                   {sublink}
-                </Link>
+                </AnchorLink>
               </li>
             ))}
           </ul>

src/pages/users.tsx

@@ -1,17 +1,6 @@
 import React from "react"
 import Layout from "../components/Layout"
 
-const iframe =
-  '<iframe frameBorder="0" id="landscape" scrolling="no" style="width: 1px; min-width: 100%" src="https://landscape.graphql.org/category=graph-ql-adopter&format=card-mode&grouping=category&embed=yes"></iframe>'
-
-const Iframe = props => {
-  return (
-    <div
-      dangerouslySetInnerHTML={{ __html: props.iframe ? props.iframe : "" }}
-    />
-  )
-}
-
 export default ({ pageContext }) => {
   return (
     <Layout title="Who's Using | GraphQL" pageContext={pageContext}>
@@ -36,9 +25,20 @@ export default ({ pageContext }) => {
           </p>
         </div>
 
-        <Iframe iframe={iframe} />
-
-        <script src="https://landscape.cncf.io/iframeResizer.js"></script>
+        <iframe
+          frameBorder="0"
+          id="landscape"
+          scrolling="no"
+          style={{ width: "1px", minWidth: "100%" }}
+          src="https://landscape.graphql.org/category=graph-ql-adopter&format=card-mode&grouping=category&embed=yes"
+          onLoad={() => {
+            const scriptElem = document.createElement('script');
+            scriptElem.type = 'text/javascript';
+            scriptElem.src = "https://landscape.cncf.io/iframeResizer.js";
+            scriptElem.onload = () => (window as any)["iFrameResize"]();
+            document.body.appendChild(scriptElem);
+          }}
+        ></iframe>
       </section>
     </Layout>
   )

yarn.lock

@@ -5864,6 +5864,13 @@ gatsby-page-utils@^0.2.28:
     lodash "^4.17.20"
     micromatch "^4.0.2"
 
+[email protected]:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-anchor-links/-/gatsby-plugin-anchor-links-1.1.1.tgz#6a04441f5acc42768447dc6c12474630520a9f90"
+  integrity sha512-mgSHUAEa7RRWD/lcmJVUWD9mIT14EIJvMPcxJ1W2Ev+rNuqBBpk1j4vDWy1uxas+qusi0vrtZ4HdU7mse12qDw==
+  dependencies:
+    scroll-to-element "^2.0.3"
+
 [email protected]:
   version "2.5.18"
   resolved "https://registry.yarnpkg.com/gatsby-plugin-feed/-/gatsby-plugin-feed-2.5.18.tgz#5ab729bbf08deac8fe2bcc7262b651f73fe6c8d7"
@@ -9713,6 +9720,11 @@ pbkdf2@^3.0.3:
     safe-buffer "^5.0.1"
     sha.js "^2.4.8"
 
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+
 physical-cpu-count@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/physical-cpu-count/-/physical-cpu-count-2.0.0.tgz#18de2f97e4bf7a9551ad7511942b5496f7aba660"
@@ -10419,6 +10431,13 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.2.0.tgz#3345941b4153cb9d082d8eee4cda2016a9aef7f6"
   integrity sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ==
 
+raf@^3.4.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@@ -11335,6 +11354,13 @@ schema-utils@^2.6.6:
     ajv "^6.12.4"
     ajv-keywords "^3.5.2"
 
+scroll-to-element@^2.0.3:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/scroll-to-element/-/scroll-to-element-2.0.3.tgz#99b404fc6a09fe73f3c062cd5b8a14efb6404e4d"
+  integrity sha512-5herPcm9jMfQgRwu94lH5mei+2YhipR4RQ2nAvnBxJb2tG+P7O0ctOKAaAZBXbBejnn+MImh3wrAUA5EcLnjEQ==
+  dependencies:
+    raf "^3.4.0"
+
 section-matter@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/section-matter/-/section-matter-1.0.0.tgz#e9041953506780ec01d59f292a19c7b850b84167"