From d10e6a898765cf5945912497a3a49b7cb480ec5b Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sun, 9 Jan 2022 14:21:52 +0000
Subject: [PATCH] :bug: Fixes unable to add new app bug (#390)

---
 src/components/LinkItems/Section.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/LinkItems/Section.vue b/src/components/LinkItems/Section.vue
index 351bd60f..db3d73ee 100644
--- a/src/components/LinkItems/Section.vue
+++ b/src/components/LinkItems/Section.vue
@@ -12,11 +12,11 @@
     @openContextMenu="openContextMenu"
   >
     <!-- If no items, show message -->
-    <div v-if="sectionType === 'empty'" class="no-items">
+    <div v-if="isEmpty" class="no-items">
       {{ $t('home.no-items-section') }}
     </div>
     <!-- Item Container -->
-    <div v-else-if="sectionType === 'item'"
+    <div v-if="hasItems"
       :class="`there-are-items ${isGridLayout? 'item-group-grid': ''} inner-size-${itemSize}`"
       :style="gridStyle" :id="`section-${groupId}`"
     > <!-- Show for each item -->
@@ -58,7 +58,7 @@
       />
     </div>
     <div
-      v-else-if="sectionType === 'widget'"
+      v-if="hasWidgets"
       :class="`widget-list ${isWide? 'wide' : ''}`">
       <WidgetBase
         v-for="(widget, widgetIndx) in widgets"
@@ -154,11 +154,15 @@ export default {
     sortOrder() {
       return this.displayData.sortBy || defaultSortOrder;
     },
-    /* A section can contain either items or widgets */
-    sectionType() {
-      if (this.widgets && this.widgets.length > 0) return 'widget';
-      if (this.items && this.items.length > 0) return 'item';
-      return 'empty';
+    hasItems() {
+      if (this.isEditMode) return true;
+      return this.items && this.items.length > 0;
+    },
+    hasWidgets() {
+      return this.widgets && this.widgets.length > 0;
+    },
+    isEmpty() {
+      return !this.hasItems && !this.hasWidgets;
     },
     /* If the sortBy attribute is specified, then return sorted data */
     sortedItems() {