fix: allow disabling motif counts

VCG · Jun 6, 2023 · cf97953 · cf97953
1 parent 30baef8
commit cf97953
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 11 deletions.
diff --git a/src/App.js b/src/App.js
@@ -25,6 +25,7 @@ function App() {
   // Example for neuprint
   const [isQuerying, setIsQuerying] = useState(false);
   const [attributes, setAttributes] = useState({
+    displayMotifCount: false,
     getMotifCount: ne.getMotifCount,
     getRelativeMotifCount: ne.getRelativeMotifCount,
     isQuerying: isQuerying,

diff --git a/src/lib/Sketch/components/MotifPanel.js b/src/lib/Sketch/components/MotifPanel.js
@@ -24,6 +24,7 @@ function MotifPanel(props) {
 
   const motifPanelId = "motif-panel-div";
   const context = useContext(AppContext);
+  const displayMotifCount =  typeof attributes.displayMotifCount != "undefined" ? attributes.displayMotifCount : false
 
   const handleSubmit = () => {
     console.log("handle submit clicked");
@@ -98,18 +99,21 @@ function MotifPanel(props) {
     <div id={motifPanelId}>
       <div className="form">
         <div className="handle">
-          <ThemeProvider theme={Color.theme}>
-            <Tooltip title={parseButtonTooltip()} arrow placement="right">
-              <span>
-                <InfoButton
-                  text={getMotifCountAsString()}
-                  disabled={!enableAbsMotifCountInfo}
-                  color={countButtonColor}
-                  icon={<SearchIcon />}
-                />
-              </span>
-            </Tooltip>
+          {displayMotifCount ? (
+              <ThemeProvider theme={Color.theme}>
+                  <Tooltip title={parseButtonTooltip()} arrow placement="right">
+                    <span>
+                      <InfoButton
+                        text={getMotifCountAsString()}
+                        disabled={!enableAbsMotifCountInfo}
+                        color={countButtonColor}
+                        icon={<SearchIcon />}
+                      />
+                    </span>
+                  </Tooltip>
           </ThemeProvider>
+          ): null}
+
           {context.showWarning ? (
             <InfoButton color="error" icon={<PriorityHighIcon />} />
           ) : null}