Fix case when there are no datasets

eea · Mar 14, 2023 · 20c58dc · 20c58dc
1 parent cf7e18a
commit 20c58dc
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 27 deletions.
diff --git a/src/components/ItemView/Datasets/DatasetsTab.jsx b/src/components/ItemView/Datasets/DatasetsTab.jsx
@@ -37,18 +37,14 @@ const DatasetsTab = (props) => {
   }));
 
   return (
-    <>
-      {items && items.length > 0 ? (
-        <Tab
-          className="datasets-tab"
-          menu={{ vertical: true, secondary: true, pointing: true }}
-          panes={panes}
-          onTabChange={() => {
-            setActiveAccordionIndex(0);
-          }}
-        />
-      ) : null}
-    </>
+    <Tab
+      className="datasets-tab"
+      menu={{ vertical: true, secondary: true, pointing: true }}
+      panes={panes}
+      onTabChange={() => {
+        setActiveAccordionIndex(0);
+      }}
+    />
   );
 };
 

diff --git a/src/components/ItemView/Datasets/DatasetsView.jsx b/src/components/ItemView/Datasets/DatasetsView.jsx
@@ -63,22 +63,31 @@ const DatasetsView = (props) => {
 
   return (
     <>
-      <div className="dataset-container">
-        <h2>Datasets</h2>
-      </div>
-      <DatasetsTab
-        appConfig={appConfig}
-        items={groupedByTemporalCoverage}
-        defaultAccordionOpenIndex={0}
-      />
+      {groupedByTemporalCoverage && groupedByTemporalCoverage.length > 0 && (
+        <>
+          <div className="dataset-container">
+            <h2>Datasets</h2>
+          </div>
+          <DatasetsTab
+            appConfig={appConfig}
+            items={groupedByTemporalCoverage}
+            defaultAccordionOpenIndex={0}
+          />
+        </>
+      )}
 
-      <div className="dataset-container">
-        <h2>Archived or restricted datasets</h2>
-      </div>
-      <DatasetsTab
-        appConfig={appConfig}
-        items={groupedByArchivedOrRestricted}
-      />
+      {groupedByArchivedOrRestricted &&
+        groupedByArchivedOrRestricted.length > 0 && (
+          <>
+            <div className="dataset-container">
+              <h2>Archived or restricted datasets</h2>
+            </div>
+            <DatasetsTab
+              appConfig={appConfig}
+              items={groupedByArchivedOrRestricted}
+            />
+          </>
+        )}
     </>
   );
 };