Merge pull request #7205 from layer5io/miacycle/chore/build-times

[CI] De-duplicate expensive build processing

Author: leecalcote

gatsby-config.js

@@ -318,10 +318,17 @@ module.exports = {
           // /^.*\/_unused\/.*$/,     // regex for folders starting with _
           /\.(pdf|ai|svg)$/i,          // files ending with .psd or .ai
         ],
-        defaults: {}
+        defaults: {
+          placeholder: "blurred",
+        },
+      },
+    },
+    {
+      resolve: "gatsby-transformer-sharp",
+      options: {
+        checkSupportedExtensions: false, // suppress warning about childImageSharp being null
       },
     },
-    "gatsby-transformer-sharp",
     {
       resolve: "gatsby-source-filesystem",
       options: {
@@ -344,20 +351,7 @@ module.exports = {
       },
     },
     "gatsby-plugin-image",
-    {
-      resolve: "gatsby-plugin-sharp",
-      options: {
-        defaults: {
-          placeholder: "blurred",
-        },
-      },
-    },
-    {
-      resolve: "gatsby-transformer-sharp",
-      options: {
-        checkSupportedExtensions: false, // suppress warning about childImageSharp being null
-      },
-    },
+
     {
       resolve: "gatsby-plugin-manifest",
       options: {

src/sections/Learn-Layer5/Course-Overview/index.js

@@ -16,7 +16,6 @@ import BookmarkNotification from "../../../components/Learn-Components/BookmarkN
 
 const CourseOverview = ({ course, chapters, serviceMeshesList, children }) => {
 
-  const extractedSection = (chapters.length > 0 ? chapters[0].fields.section : "");
   const [hasBookmark, setHasBookmark] = useState(false);
   const [bookmarkUrl, setBookmarkUrl] = useState("");
   const [showNotification, setShowNotification] = useState(true);