WIP - remove dead code for popovers (#9296)

* remove dead code for popovers * Apply Prettier formatting * removing dead popover code * Apply Prettier formatting --------- Co-authored-by: Pantheon Bot <[email protected]>
pantheon-systems · Nov 13, 2024 · c94f76a · c94f76a
1 parent 9c5f198
commit c94f76a
Show file tree

Hide file tree

Showing 6 changed files with 172 additions and 333 deletions.
diff --git a/src/templates/certificationpage.js b/src/templates/certificationpage.js
@@ -12,32 +12,6 @@ import TOC from '../components/toc';
 import MdxWrapper from '../components/mdxWrapper';
 
 class CertificationTemplate extends React.Component {
-  componentDidMount() {
-    $('[data-toggle=popover]').popover({
-      trigger: 'click',
-    });
-
-    $('body').on('click', function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (
-          !$(this).is(e.target) &&
-          $(this).has(e.target).length === 0 &&
-          $('.popover').has(e.target).length === 0
-        ) {
-          $(this).popover('hide');
-        }
-      });
-    });
-
-    $('body').keyup(function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (event.which === 27) {
-          $(this).popover('hide');
-        }
-      });
-    });
-  }
-
   render() {
     const node = this.props.data.mdx;
     const isoDate = this.props.data.date;

diff --git a/src/templates/doc.js b/src/templates/doc.js
@@ -1,59 +1,31 @@
-import React from "react"
-import { graphql } from "gatsby"
+import React from 'react';
+import { graphql } from 'gatsby';
 
-import Layout from "../layout/layout"
-import SEO from "../layout/seo"
-import HeaderBody from "../components/headerBody"
-import TOC from "../components/toc"
-import GetFeedback from "../components/getFeedback"
+import Layout from '../layout/layout';
+import SEO from '../layout/seo';
+import HeaderBody from '../components/headerBody';
+import TOC from '../components/toc';
+import GetFeedback from '../components/getFeedback';
 
-import { Container, SidebarLayout } from "@pantheon-systems/pds-toolkit-react"
-
-import MdxWrapper from "../components/mdxWrapper"
+import { Container, SidebarLayout } from '@pantheon-systems/pds-toolkit-react';
 
+import MdxWrapper from '../components/mdxWrapper';
 
 // Set container width for search and main content.
-const containerWidth = "standard"
+const containerWidth = 'standard';
 
 class DocTemplate extends React.Component {
-  componentDidMount() {
-    $("[data-toggle=popover]").popover({
-      trigger: "click",
-      placement: "right",
-    })
-
-    $("body").on("click", function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (
-          !$(this).is(e.target) &&
-          $(this).has(e.target).length === 0 &&
-          $(".popover").has(e.target).length === 0
-        ) {
-          $(this).popover("hide")
-        }
-      })
-    })
-
-    $("body").keyup(function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (event.which === 27) {
-          $(this).popover("hide")
-        }
-      })
-    })
-  }
-
   render() {
-    const node = this.props.data.doc
-    const isoDate = this.props.data.date
+    const node = this.props.data.doc;
+    const isoDate = this.props.data.date;
 
     return (
       <Layout footerBorder>
         <SEO
           title={node.frontmatter.title}
           description={node.frontmatter.description || node.excerpt}
           authors={node.frontmatter.contributors}
-          image={"/images/assets/default-thumb-doc.png"}
+          image={'/images/assets/default-thumb-doc.png'}
           categories={node.frontmatter.categories}
           keywords={node.frontmatter.tags}
           reviewed={isoDate.frontmatter.reviewed}
@@ -78,9 +50,8 @@ class DocTemplate extends React.Component {
                   isoDate={isoDate.frontmatter.reviewed}
                   cms={node.frontmatter.cms}
                 />
-                <div style={{ marginTop: "15px", marginBottom: "45px" }}>
+                <div style={{ marginTop: '15px', marginBottom: '45px' }}>
                   <MdxWrapper mdx={node.body} />
-
                 </div>
               </article>
               <TOC slot="sidebar" title="Contents" />
@@ -97,11 +68,11 @@ class DocTemplate extends React.Component {
           </Container>
         </main>
       </Layout>
-    )
+    );
   }
 }
 
-export default DocTemplate
+export default DocTemplate;
 
 export const pageQuery = graphql`
   query DocBySlug($slug: String!) {
@@ -139,4 +110,4 @@ export const pageQuery = graphql`
       }
     }
   }
-`
+`;
diff --git a/src/templates/guide.js b/src/templates/guide.js
@@ -11,32 +11,6 @@ import TOC from '../components/toc';
 import MdxWrapper from '../components/mdxWrapper';
 
 class GuideTemplate extends React.Component {
-  componentDidMount() {
-    $('[data-toggle=popover]').popover({
-      trigger: 'click',
-    });
-
-    $('body').on('click', function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (
-          !$(this).is(e.target) &&
-          $(this).has(e.target).length === 0 &&
-          $('.popover').has(e.target).length === 0
-        ) {
-          $(this).popover('hide');
-        }
-      });
-    });
-
-    $('body').keyup(function (e) {
-      $('[data-toggle="popover"]').each(function () {
-        if (event.which === 27) {
-          $(this).popover('hide');
-        }
-      });
-    });
-  }
-
   render() {
     const node = this.props.data.mdx;
     const isoDate = this.props.data.date;