Dynamic heading display

Author: Suhyma

src/dashboard/category-results-screen.js

@@ -47,31 +47,42 @@ export default function CategoryResultsScreen ({ store }) {
   const weekPapers = findRelativeDate(selectedPapers, 'week');
   const monthPapers = findRelativeDate(selectedPapers, 'month');
 
-  return h('div', { class: 'category-results-screen' }, [
-    h(Link, { href: '/', class: 'category-results-reset link' }, '< Select a different topic'), // TODO: < should be a nice SVG icon
+  const resultsScreenElements = [
+    h(Link, { href: '/', class: 'category-results-reset link' }, '< Select a different topic'),
     h('div', { class: 'category-results-info' }, [ // TODO: better css for mobile
       CategoryCard({ category: selectedCategory, store, selectable: false, includeName: false }),
       h('div', { class: 'category-results-details' }, [
         h('div', { class: 'category-results-title' }, `${selectedCategory.name}`),
         h('div', { class: 'category-results-date' }, 'Updated yesterday'),
         h('div', { class: 'category-results-description' }, selectedCategory.description)
       ])
-    ]),
-    h('div', { class: 'papers-today' }, [
+    ])
+  ];
+
+  if (todayPapers.length !== 0) {
+    resultsScreenElements.push(h('div', { class: 'papers-today' }, [
       h('h2', { class: 'papers-today-title' }, 'New papers today'),
       h('div', { class: 'papers' }, todayPapers.map(paper => h(Paper, { paper })))
-    ]),
-    h('div', { class: 'papers-last-few-days' }, [
+    ]));
+  }
+  if (fewDaysPapers.length !== 0) {
+    resultsScreenElements.push(h('div', { class: 'papers-last-few-days' }, [
       h('h2', { class: 'papers-last-few-days-title' }, 'Papers in the last few days'),
       h('div', { class: 'papers' }, fewDaysPapers.map(paper => h(Paper, { paper })))
-    ]),
-    h('div', { class: 'papers-last-week' }, [
+    ]));
+  }
+  if (weekPapers.length !== 0) {
+    resultsScreenElements.push(h('div', { class: 'papers-last-week' }, [
       h('h2', { class: 'papers-last-week-title' }, 'Papers in the last week'),
       h('div', { class: 'papers' }, weekPapers.map(paper => h(Paper, { paper })))
-    ]),
-    h('div', { class: 'papers-this-month' }, [
+    ]));
+  }
+  if (monthPapers.length !== 0) {
+    resultsScreenElements.push(h('div', { class: 'category-results-papers-this-month' }, [
       h('h2', { class: 'papers-this-month-title' }, 'Papers in the past month'),
       h('div', { class: 'papers' }, monthPapers.map(paper => h(Paper, { paper })))
-    ])
-  ]);
+    ]));
+  }
+
+  return h('div', { class: 'category-results-screen' }, resultsScreenElements);
 }