diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css index c8208bd8bee35c9be123115792302a0379d7d1e7..6fee4427fa3ebd688acf6175aa088cd1a4dd1877 100644 --- a/src/components/gui/gui.css +++ b/src/components/gui/gui.css @@ -159,3 +159,7 @@ border: 1px solid lightgray; background: white; } + +.hidden { + display: none; +} diff --git a/src/components/gui/gui.jsx b/src/components/gui/gui.jsx index 408db59f9dd5e68748f1e3377ba06933c0bffe42..c59b289537a50be984b39b97dfda3be5b0d8561f 100644 --- a/src/components/gui/gui.jsx +++ b/src/components/gui/gui.jsx @@ -47,6 +47,9 @@ const GUIComponent = props => { ); } + const enableExtensions = window.location.search.includes('extensions'); + const extensionButtonClasses = `${styles.extensionButton} ${enableExtensions ? '' : styles.hidden}`; + const tabClassNames = { tabs: styles.tabs, tab: classNames(tabStyles.reactTabsTab, styles.tab), @@ -94,7 +97,7 @@ const GUIComponent = props => { /> </Box> <IconButton - className={styles.extensionButton} + className={extensionButtonClasses} img={addExtensionIcon} title={addExtensionMessage} onClick={onAddExtensionClick}