From 7864ae27310b48d36ac780707868d2b5fc353a8e Mon Sep 17 00:00:00 2001
From: George Adams <georgeadams1995@gmail.com>
Date: Thu, 12 Jan 2023 22:45:08 +0000
Subject: [PATCH] Update mdxComponents.tsx

---
 src/util/mdxComponents.tsx | 31 ++++++-------------------------
 1 file changed, 6 insertions(+), 25 deletions(-)

diff --git a/src/util/mdxComponents.tsx b/src/util/mdxComponents.tsx
index ee4aa0fd64..18edb529cb 100644
--- a/src/util/mdxComponents.tsx
+++ b/src/util/mdxComponents.tsx
@@ -13,8 +13,11 @@ const formatDiv = props => {
 }
 
 const Small = props => <><br/><small className='text-muted' {...props} /></>;
+
 const Tick = () => <FaCheck style={{ color: 'var(--brand4)', marginRight: '0.5rem' }} />;
 const Cross = () => <FaTimes style={{ color: 'var(--brand4)', marginRight: '0.5rem' }} />;
+
+// Wrapper to create a collapsible element using native markdown
 const Collapsible = props => {
   return (
     // if props.title is defined add summary
@@ -22,34 +25,13 @@ const Collapsible = props => {
     <details className='collapsible pb-3' {...props} />
   )
 }
+
+// Wrapper to add a class name around an element
 const Class = props => {
   return (
     <div className={props.name} {...props} />
   )
 }
-const SupportedPlatformsTable = props => {
-  return (
-    <table className="table table-hover py-2">
-      <thead>
-          <tr className="bg-grey">
-              <th className="tableblock halign-center valign-middle" rowSpan={2}><p className="tableblock">Operating System</p></th>
-              <th className="tableblock halign-center valign-top" colSpan={4}><p className="tableblock">Eclipse Temurin Version</p></th>
-          </tr>
-          <tr className="bg-grey">
-              <th className="tableblock halign-center valign-middle"><p className="tableblock">&nbsp; 8</p></th>
-              <th className="tableblock halign-center valign-top"><p className="tableblock">11</p></th>
-              <th className="tableblock halign-center valign-top"><p className="tableblock">17</p></th>
-              <th className="tableblock halign-center valign-top"><p className="tableblock">19</p></th>
-          </tr>
-          <tr className="bg-grey">
-              <th className="tableblock halign-center valign-middle" colSpan={5}><p className="tableblock">Windows (x64/x86)</p></th>
-          </tr>
-      </thead>
-      {/* Strip out heading and only return tr children */}
-      <tbody {...props.children.props.children[1].props} />
-    </table>
-  )
-}
   
 export const mdxComponents = {
     Small,
@@ -57,11 +39,10 @@ export const mdxComponents = {
     Cross,
     Collapsible,
     Class,
-    SupportedPlatformsTable,
     GuestPost,
     blockquote: props => <blockquote style={{ paddingLeft: '1.5rem', borderLeft: '.3rem solid hsla(0,0%,0%,0.9)' }} className='blockquote' {...props} />,
     table: props => <table className='table table-hover' {...props} />,
     thead: props => <thead className='table-dark' {...props} />,
     li: props => <li style={{ marginBottom: '1.5em' }} {...props} />,
     div: formatDiv
-};
\ No newline at end of file
+};