From 2cdcc96bf95a99e593c6554f440edd6cfd471c73 Mon Sep 17 00:00:00 2001
From: Jethary Alcid <66035149+jerader@users.noreply.github.com>
Date: Mon, 30 Sep 2024 15:48:37 -0400
Subject: [PATCH] fix(labware-library): hide the descriptive icons for now
 (#16388)

closes RQA-3251
---
 .../src/components/ui/TableTitle.tsx          | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/labware-library/src/components/ui/TableTitle.tsx b/labware-library/src/components/ui/TableTitle.tsx
index 1ea3178ba82..c360b3aef5b 100644
--- a/labware-library/src/components/ui/TableTitle.tsx
+++ b/labware-library/src/components/ui/TableTitle.tsx
@@ -1,8 +1,7 @@
 // Table Title with expandable measurement diagrams
-import * as React from 'react'
 import cx from 'classnames'
 import { LabelText, LABEL_LEFT } from './LabelText'
-import { ClickableIcon } from './ClickableIcon'
+// import { ClickableIcon } from './ClickableIcon'
 import styles from './styles.module.css'
 
 interface TableTitleProps {
@@ -11,30 +10,32 @@ interface TableTitleProps {
 }
 
 export function TableTitle(props: TableTitleProps): JSX.Element {
-  const [guideVisible, setGuideVisible] = React.useState<boolean>(false)
-  const toggleGuide = (): void => {
-    setGuideVisible(!guideVisible)
-  }
+  // TODO(ja, 9/30/24): fix the actual bug. temporarily commenting it out for now since the images
+  //  rendered by the toggleGuide were not being copied into the build folder
+  //  see https://opentrons.atlassian.net/browse/AUTH-885 for more info
+  // const [guideVisible, setGuideVisible] = React.useState<boolean>(false)
+  // const toggleGuide = (): void => {
+  //   setGuideVisible(!guideVisible)
+  // }
+  //   const iconClassName = cx(styles.info_button, {
+  //   [styles.active]: guideVisible,
+  // })
   const { label, diagram } = props
 
-  const iconClassName = cx(styles.info_button, {
-    [styles.active]: guideVisible,
-  })
-
   const contentClassName = cx(styles.expandable_content, {
-    [styles.open]: guideVisible,
+    [styles.open]: false,
   })
 
   return (
     <>
       <div className={styles.table_title}>
         <LabelText position={LABEL_LEFT}>{label}</LabelText>
-        <ClickableIcon
+        {/* <ClickableIcon
           title="info"
           name="information"
           className={iconClassName}
           onClick={toggleGuide}
-        />
+        /> */}
       </div>
       <div className={contentClassName}>{diagram}</div>
     </>