From e198fd8ba14b8bfebd6759c375f73036653d43b1 Mon Sep 17 00:00:00 2001
From: Christopher Willis-Ford <cwillisf@media.mit.edu>
Date: Tue, 29 Aug 2017 16:19:00 -0700
Subject: [PATCH] Show/hide extension button based on URL query
To show the "Add Extension" button, you must now add `?extensions` to
the URL used to load the GUI.
---
src/components/gui/gui.css | 4 ++++
src/components/gui/gui.jsx | 5 ++++-
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/components/gui/gui.css b/src/components/gui/gui.css
index c8208bd8b..6fee4427f 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 408db59f9..c59b28953 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}
--
GitLab