diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue index 581d4a7a..feafb75d 100644 --- a/src/components/LinkItems/Item.vue +++ b/src/components/LinkItems/Item.vue @@ -14,16 +14,16 @@ :style="customStyle" > -
+
{{ item.title }}

{{ item.description }}

- @@ -65,7 +65,6 @@ import MoveItemTo from '@/components/InteractiveEditor/MoveItemTo'; import ContextMenu from '@/components/LinkItems/ItemContextMenu'; import StoreKeys from '@/utils/StoreMutations'; import ItemMixin from '@/mixins/ItemMixin'; -// import { targetValidator } from '@/utils/ConfigHelpers'; import EditModeIcon from '@/assets/interface-icons/interactive-editor-edit-mode.svg'; import { modalNames } from '@/utils/defaults'; @@ -89,6 +88,10 @@ export default { EditModeIcon, }, computed: { + /* Returns either item.icon, or appConfig.defaultIcon, or null */ + itemIcon() { + return this.item.icon || this.$store.getters.appConfig?.defaultIcon; + }, makeColumnCount() { if ((this.sectionDisplayData || {}).itemCountX) return this.sectionDisplayData.itemCountX; if (this.sectionWidth < 380) return 1; @@ -101,8 +104,7 @@ export default { /* Based on item props, adjust class names */ makeClassList() { const { isAddNew, isEditMode, size } = this; - const { icon } = this.item; - return `size-${size} ${!icon ? 'short' : ''} ` + return `size-${size} ${!this.itemIcon ? 'short' : ''} ` + `${isAddNew ? 'add-new' : ''} ${isEditMode ? 'is-edit-mode' : ''}`; }, /* Used by certain themes (material), to show animated CSS icon */