renamed "scanner" front page to "integrations"

Author: dpatanin

gatsby-config.js

@@ -64,9 +64,9 @@ module.exports = {
         link: "https://github.com/secureCodeBox/secureCodeBox/tree/master/docs"
       },
       {
-        name: "Scanner",
+        name: "Integrations",
         external: false,
-        link: "/scanner"
+        link: "/integrations"
       }
     ]
   },

gatsby-node.js

@@ -75,7 +75,7 @@ exports.createPages = ({ graphql, actions }) => {
           });
         });
         result.data.scanner.edges.forEach(({ node }) => {
-          const component = path.resolve("src/templates/scanner.js");
+          const component = path.resolve("src/templates/integration.js");
           createPage({
             path: node.frontmatter.path,
             component,

package-lock.json

@@ -13,27 +13,28 @@
     "test": "echo \"Write tests! -> https://gatsby.dev/unit-testing\""
   },
   "dependencies": {
-    "@emotion/core": "^10.0.14",
-    "gatsby": "^2.13.39",
-    "gatsby-plugin-emotion": "^4.1.2",
+    "@emotion/core": "^10.0.17",
+    "core-js": "^3.2.1",
+    "gatsby": "^2.15.24",
+    "gatsby-plugin-emotion": "^4.1.7",
     "gatsby-plugin-mailchimp": "^5.1.2",
-    "gatsby-plugin-manifest": "^2.2.4",
-    "gatsby-plugin-offline": "^2.2.4",
-    "gatsby-plugin-react-helmet": "^3.1.2",
-    "gatsby-plugin-sass": "^2.1.8",
-    "gatsby-source-filesystem": "^2.1.7",
+    "gatsby-plugin-manifest": "^2.2.18",
+    "gatsby-plugin-offline": "^2.2.10",
+    "gatsby-plugin-react-helmet": "^3.1.8",
+    "gatsby-plugin-sass": "^2.1.15",
+    "gatsby-source-filesystem": "^2.1.26",
     "gatsby-source-git": "github:stevetweeddale/gatsby-source-git",
-    "gatsby-transformer-remark": "^2.6.10",
-    "react": "^16.8.6",
+    "gatsby-transformer-remark": "^2.6.24",
+    "react": "^16.9.0",
     "react-burger-menu": "^2.6.11",
-    "react-dom": "^16.8.6",
+    "react-dom": "^16.9.0",
     "react-helmet": "^5.2.1"
   },
   "devDependencies": {
     "node-sass": "^4.12.0",
     "prettier": "^1.18.2",
-    "sass-loader": "^7.2.0",
-    "webpack": "^4.39.1"
+    "sass-loader": "^7.3.1",
+    "webpack": "^4.41.0"
   },
   "repository": {
     "type": "git",

package.json

@@ -50,7 +50,6 @@ const Home = () => {
                   </div>
                 )}
                 <h2 className="feature-title">{feature.title}</h2>
-                {/* TODO add link to corresponding pages */}
               </div>
             </div>
           ))}

src/pages/index.js

@@ -3,17 +3,17 @@ import { graphql, withPrefix, Link } from "gatsby";
 import SEO from "../../components/SEO";
 import Layout from "../../components/Layout";
 
-const Scanner = props => {
+const Integrations = props => {
   const scanner = props.data.allMarkdownRemark.edges;
 
   return (
-    <Layout bodyClass="page-scanner">
+    <Layout bodyClass="page-integrations">
       <SEO title="Scanner" />
       <div className="intro">
         <div className="container">
           <div className="row">
             <div className="col-12">
-              <h1>Scanner</h1>
+              <h1>Integrations</h1>
               <h2>Out of the Box</h2>
               <p>
                 Each Scanner is an individual tool. We took no part in building
@@ -27,6 +27,11 @@ const Scanner = props => {
       </div>
       <div className="container  pb-2  pb-md-3">
         <div className="row justify-content-center">
+          <div className="col-12">
+            <h2 className="title-3 text-dark mb-2">
+              Scanner
+            </h2>
+          </div>
           {scanner.map(edge => (
             <div
               key={edge.node.id}
@@ -38,9 +43,7 @@ const Scanner = props => {
                     <img
                       className="scanner-icon"
                       src={withPrefix(
-                        "/scannerIcons/" +
-                          edge.node.frontmatter.title +
-                          ".svg"
+                        "/scannerIcons/" + edge.node.frontmatter.title + ".svg"
                       )}
                       alt="scanner icon"
                     ></img>
@@ -89,4 +92,4 @@ export const query = graphql`
   }
 `;
 
-export default Scanner;
+export default Integrations;

src/pages/scanner/index.js src/pages/integrations/index.jssrc/pages/scanner/index.js renamed to src/pages/integrations/index.js

@@ -1,9 +1,9 @@
-.scanner {
+.integration {
   background: #fafafa;
   display: flex;
   #content {
     width: 90vw;
-    #scanner-doc {
+    #integration-doc {
       width: 55vw;
       @include media-breakpoint-down(sm) {
         width: 90vw;

src/scss/pages/scanners/_scanner.scss …css/pages/integrations/_integration.scsssrc/scss/pages/scanners/_scanner.scss renamed to src/scss/pages/integrations/_integration.scss src/scss/pages/scanners/_scanner.scss renamed to src/scss/pages/integrations/_integration.scss

@@ -1,4 +1,4 @@
-.page-scanner {
+.page-integrations {
   background: #fafafa;
   background-image: url("../images/Network.png");
   background-repeat: no-repeat;

…c/scss/pages/scanners/_page-scanner.scss …ges/integrations/_page-integrations.scsssrc/scss/pages/scanners/_page-scanner.scss renamed to src/scss/pages/integrations/_page-integrations.scss src/scss/pages/scanners/_page-scanner.scss renamed to src/scss/pages/integrations/_page-integrations.scss

@@ -67,8 +67,8 @@
 @import 'pages/home';
 @import 'pages/contact/page-contact';
 @import 'pages/team/page-teams';
-@import 'pages/scanners/page-scanner';
-@import 'pages/scanners/scanner';
+@import 'pages/integrations/page-integrations';
+@import 'pages/integrations/integration';
 @import 'pages/provisions/page-provisions';
 @import 'pages/provisions/page-provision';
 

src/scss/style.scss

@@ -2,13 +2,13 @@ import React from "react";
 import { graphql, Link } from "gatsby";
 import Layout from "../components/Layout";
 
-const Scanner = ({ data }) => {
+const Integration = ({ data }) => {
   const { title } = data.markdownRemark.frontmatter;
   const { html } = data.markdownRemark;
   const scanner = data.allMarkdownRemark.edges;
 
   return (
-    <Layout bodyClass="scanner">
+    <Layout bodyClass="integration">
       <div className="sidebar-wrapper">
         <nav className="sidebar">
           <ul class="list-unstyled components">
@@ -26,7 +26,7 @@ const Scanner = ({ data }) => {
         </nav>
 
         <div id="content">
-          <div class="container-fluid" id="scanner-doc">
+          <div class="container-fluid" id="integration-doc">
             <h1 className="title">{title}</h1>
             <div
               className="content"
@@ -67,4 +67,4 @@ export const query = graphql`
   }
 `;
 
-export default Scanner;
+export default Integration;