hiding cutsite info table when there are 0 cutsites

TeselaGen · Mar 16, 2021 · e36d2bf · e36d2bf
1 parent 9f3f750
commit e36d2bf
Showing 1 changed file with 24 additions and 22 deletions.
diff --git a/src/helperComponents/PropertiesDialog/SingleEnzymeCutsiteInfo.js b/src/helperComponents/PropertiesDialog/SingleEnzymeCutsiteInfo.js
@@ -61,28 +61,30 @@ export default function SingleEnzymeCutsiteInfo({
           />
         )}
         <br></br>
-        <div>
-          <DataTable
-            style={{ minHeight: 0, maxHeight: 200 }}
-            selectedIds={selectedAnnotationId}
-            maxHeight={300}
-            onRowSelect={onRowSelect}
-            formName="cutLocations"
-            isSingleSelect
-            compact
-            noRouter
-            minimalStyle
-            scrollToSelectedRowRelativeToDom
-            noHeader
-            isSimple
-            noFullscreenButton
-            isInfinite
-            withSearch={false}
-            withFilter={false}
-            schema={schema}
-            entities={entities}
-          />
-        </div>
+        {entities && !!entities.length && (
+          <div>
+            <DataTable
+              style={{ minHeight: 0, maxHeight: 200 }}
+              selectedIds={selectedAnnotationId}
+              maxHeight={300}
+              onRowSelect={onRowSelect}
+              formName="cutLocations"
+              isSingleSelect
+              compact
+              noRouter
+              minimalStyle
+              scrollToSelectedRowRelativeToDom
+              noHeader
+              isSimple
+              noFullscreenButton
+              isInfinite
+              withSearch={false}
+              withFilter={false}
+              schema={schema}
+              entities={entities}
+            />
+          </div>
+        )}
       </div>
     </div>
   );