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(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(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 ( <>
{label} - + /> */}
{diagram}