Merge pull request #7175 from layer5io/copilot/fix-static-html-error

[WIP] Fix static HTML build error for workshops page

Author: leecalcote

src/sections/Learn/Workshop-grid/index.js

@@ -1,6 +1,5 @@
 import React, { useState, useRef } from "react";
 import { graphql, useStaticQuery, Link } from "gatsby";
-import { MDXRenderer } from "gatsby-plugin-mdx";
 
 import { Container, Row, Col } from "../../../reusecore/Layout";
 import WorkshopCard from "../../../components/Workshop-Card";
@@ -46,7 +45,6 @@ const WorkshopsPage = () => {
       fields {
         slug
       }
-      body
     }
   }
 }`
@@ -104,15 +102,15 @@ const WorkshopsPage = () => {
             <Row style={{
               flexWrap: "wrap"
             }}>
-              {data.allMdx.nodes.map(({ id, frontmatter, fields, body }) => (
+              {data.allMdx.nodes.map(({ id, frontmatter, fields }) => (
                 <Col {...content && ID === id ? { $xs: 12, $sm: 12, $lg: 12 } : { $xs: 12, $sm: 6, $lg: 4 } } key={id} className="workshop-grid-col">
                   <div className="workshop-grid-card" ref={(el) => {
                     if (el) scrollRefMap.current[id] = el;
                   }} onClick={() => toggleActive(id)}>
                     <WorkshopCard frontmatter={frontmatter} content={content} ID={ID} id={id} />
                     <div className={content && ID === id ? "active" : "text-contents"}>
                       <div className="content">
-                        <MDXRenderer>{body}</MDXRenderer>
+                        <p>{frontmatter.abstract}</p>
                       </div>
                     </div>
                     <div className={content && ID === id ? "btn-and-status-open" : "btn-and-status"}>