Merge pull request linode#33 from linode/development

Deployment

Author: alioso

package.json

@@ -44,6 +44,10 @@
     "gatsby"
   ],
   "license": "MIT",
+  "browserslist": [
+    "last 2 version",
+    "> 2%"
+  ],
   "scripts": {
     "build": "./getDependencies.sh && gatsby build && node search/buildIndex.js",
     "develop": "./getDependencies.sh && gatsby develop",

postcss.config.js

@@ -13,9 +13,7 @@ module.exports = {
   plugins: [
     atImport,
     tailwindcss("./tailwind.js"),
-    autoprefixer({
-      browsers: ["last 2 versions", "> 2%"]
-    }),
+    autoprefixer(),
     cssnano({
       preset: "default"
     })

src/components/2_molecules/BodySchema.js

@@ -1,40 +1,41 @@
+import { getOr } from 'lodash/fp';
 import React from "react";
 import Markdown from "react-markdown/with-html";
 
 import CharDisplay from "./charDisplay";
 
 export const BodySchema = props => {
   const { data } = props;
+  const requiredProperties = getOr([], ['requestBody', 'content', 'application_json', 'schema', 'required'], data) || [];
+  const properties = getOr(null, ['requestBody', 'content', 'application_json', 'schema', 'properties'], data);
+
+  const sortByRequired = (a, b) => {
+    const r1 = requiredProperties.includes(a) ? 1 : 0;
+    const r2 = requiredProperties.includes(b) ? 1 : 0;
+    // sorting and adding required fields at the top
+    if (r1 > r2) {
+      return -1;
+    }
+    if (r1 < r2) {
+      return 1;
+    }
+    if (a > b) {
+      return 1;
+    }
+    if (a < b) {
+      return -1;
+    }
+    return 0;
+  }
 
   return (
     <>
       <div className="my-8">
         <h3>Request Body Schema</h3>
       </div>
-      {data.requestBody.content.application_json &&
-        data.requestBody.content.application_json.schema &&
-        data.requestBody.content.application_json.schema.properties &&
-        Object.keys(data.requestBody.content.application_json.schema.properties)
-          .sort((a, b) => {
-            const required =
-              data.requestBody.content.application_json.schema.required || [];
-            const r1 = required.includes(a) ? 1 : 0;
-            const r2 = required.includes(b) ? 1 : 0;
-            // sorting and adding required fields at the top
-            if (r1 > r2) {
-              return -1;
-            }
-            if (r1 < r2) {
-              return 1;
-            }
-            if (a > b) {
-              return 1;
-            }
-            if (a < b) {
-              return -1;
-            }
-            return 0;
-          })
+      {properties &&
+        Object.keys(properties)
+          .sort(sortByRequired)
           .map((p, i) => {
             const b =
               data.requestBody.content.application_json.schema.properties[p];
@@ -105,9 +106,10 @@ export const BodySchema = props => {
               s.properties &&
               Object.keys(s.properties).map((p, i) => {
                 const b = s.properties[p];
+                console.log(b)
                 return (
                   b &&
-                  b.readOnly === undefined && (
+                  b.x_linode_cli_display !== 1 && (
                     <div key={i} className="response-wrapper">
                       <div className="lg:flex pt-2 mb-4 initResponse">
                         <div className="w-full lg:w-1/4">

src/components/2_molecules/ResponseItemElements.js

@@ -223,10 +223,10 @@ export const ResponseItemElements = props => {
                                               <div className="w-full lg:w-3/4">
                                                 <div>
                                                   <div className="text-sm text-grey-darkest">
-                                                    {data.type && data.type}{" "}
-                                                    {data.pattern && (
+                                                    {dps.type && dps.type}{" "}
+                                                    {dps.pattern && (
                                                       <span className="tag">
-                                                        {data.pattern}
+                                                        {dps.pattern}
                                                       </span>
                                                     )}
                                                   </div>

src/components/2_molecules/changelog-item.js

@@ -1,6 +1,8 @@
 import React from "react";
 import PropTypes from "prop-types";
 
+import Link from "../../images/svgs/link.svg";
+
 class ChangelogItem extends React.Component {
   componentDidMount() {
     const hash = document.location.hash;
@@ -11,7 +13,7 @@ class ChangelogItem extends React.Component {
         () =>
           document
             .getElementById(hash.substr(1))
-            .scrollIntoView({ block: "start", behavior: "smooth" }),
+            .scrollIntoView({ block: "start" }),
         50
       );
   }
@@ -52,7 +54,7 @@ class ChangelogItem extends React.Component {
             className="mt-0 text-2xl font-normal"
             itemProp="alternativeHeadline"
           >
-            {title}
+            <a href={`#${link}`} className="changelog-anchor-link"><Link /></a>{title}
           </h2>
           <div
             className="changelog-entry"