From 27fed72d40f6152c7b167022d754fb501605153e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sun, 14 Aug 2022 18:13:01 +0200
Subject: [PATCH 1/2] Implement empty icon slot in DashboardWidget
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 .../DashboardWidget/DashboardWidget.vue       | 33 +++++++++----------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/components/DashboardWidget/DashboardWidget.vue b/src/components/DashboardWidget/DashboardWidget.vue
index 710969ce42..7e63990b32 100644
--- a/src/components/DashboardWidget/DashboardWidget.vue
+++ b/src/components/DashboardWidget/DashboardWidget.vue
@@ -141,8 +141,13 @@ export default {
 		<!-- This element is shown if we have items, but want to show a general message as well.
 		Can be used e.g. to show "No mentions" on top of the item list. -->
 		<EmptyContent v-if="showHalfEmptyContentArea"
-			class="half-screen"
-			:icon="halfEmptyContentIcon">
+			class="half-screen">
+			<template #icon>
+				<!-- @slot The icon to show in the half empty content area. -->
+				<slot name="halfEmptyContentIcon">
+					<Check />
+				</slot>
+			</template>
 			<template #desc>
 				{{ halfEmptyContentString }}
 			</template>
@@ -172,8 +177,11 @@ export default {
 		</div>
 		<!-- @slot Slot for showing information in case of an empty item list. -->
 		<slot v-else-if="items.length === 0" name="empty-content">
-			<EmptyContent v-if="emptyContentMessage"
-				:icon="emptyContentIcon">
+			<EmptyContent v-if="emptyContentMessage">
+				<template #icon>
+					<!-- @slot The icon to show in the empty content area. -->
+					<slot name="emptyContentIcon" />
+				</template>
 				<template #desc>
 					{{ emptyContentMessage }}
 				</template>
@@ -195,6 +203,8 @@ import Avatar from '../Avatar/index.js'
 import DashboardWidgetItem from '../DashboardWidgetItem/index.js'
 import EmptyContent from '../EmptyContent/index.js'
 
+import Check from 'vue-material-design-icons/Check.vue'
+
 import { t } from '../../l10n.js'
 
 export default {
@@ -203,6 +213,7 @@ export default {
 		Avatar,
 		DashboardWidgetItem,
 		EmptyContent,
+		Check,
 	},
 
 	props: {
@@ -251,13 +262,6 @@ export default {
 			type: Boolean,
 			default: false,
 		},
-		/**
-		 * The icon to show in the empty content area.
-		 */
-		emptyContentIcon: {
-			type: String,
-			default: '',
-		},
 		/**
 		 * The text to show in the empty content area.
 		 */
@@ -265,13 +269,6 @@ export default {
 			type: String,
 			default: '',
 		},
-		/**
-		 * The icon to show in the half empty content area.
-		 */
-		halfEmptyContentIcon: {
-			type: String,
-			default: 'icon-checkmark',
-		},
 		/**
 		 * The text to show in the half empty content area.
 		 */

From 530faffff12efbc2a844865b99739ab234d0a62b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Raimund=20Schl=C3=BC=C3=9Fler?=
 <raimund.schluessler@mailbox.org>
Date: Sun, 14 Aug 2022 21:11:21 +0200
Subject: [PATCH 2/2] Correctly overwrite empty-content style
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Raimund Schlüßler <raimund.schluessler@mailbox.org>
---
 src/components/DashboardWidget/DashboardWidget.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/DashboardWidget/DashboardWidget.vue b/src/components/DashboardWidget/DashboardWidget.vue
index 7e63990b32..26ad28a343 100644
--- a/src/components/DashboardWidget/DashboardWidget.vue
+++ b/src/components/DashboardWidget/DashboardWidget.vue
@@ -137,7 +137,7 @@ export default {
 </docs>
 
 <template>
-	<div>
+	<div class="dashboard-widget">
 		<!-- This element is shown if we have items, but want to show a general message as well.
 		Can be used e.g. to show "No mentions" on top of the item list. -->
 		<EmptyContent v-if="showHalfEmptyContentArea"
@@ -320,7 +320,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.empty-content {
+.dashboard-widget .empty-content {
 	text-align: center;
 	margin-top: 5vh;