Merge pull request #35939 from nextcloud/bugfix/noid/update-status-da…

…shboard-widget

Update the user status dashboard widget and fix the icon color

apps/user_status/css/user-status-menu.scss

@@ -26,6 +26,11 @@
 	background-image: url("../img/app.svg");
 }
 
+.icon-user-status-dark {
+	background-image: url("../img/app-dark.svg");
+
+}
+
 .icon-user-status-online {
 	background-image: url('../img/user-status-online.svg');
 }

apps/user_status/lib/Dashboard/UserStatusWidget.php

@@ -109,15 +109,15 @@ public function getOrder(): int {
 	 * @inheritDoc
 	 */
 	public function getIconClass(): string {
-		return 'icon-user-status';
+		return 'icon-user-status-dark';
 	}
 
 	/**
 	 * @inheritDoc
 	 */
 	public function getIconUrl(): string {
 		return $this->urlGenerator->getAbsoluteURL(
-			$this->urlGenerator->imagePath(Application::APP_ID, 'app.svg')
+			$this->urlGenerator->imagePath(Application::APP_ID, 'app-dark.svg')
 		);
 	}
 

apps/user_status/src/views/Dashboard.vue

@@ -20,11 +20,12 @@
   -->
 
 <template>
-	<DashboardWidget id="user-status_panel"
+	<NcDashboardWidget id="user-status_panel"
 		:items="items"
-		:loading="loading">
+		:loading="loading"
+		:empty-content-message="t('user_status', 'No recent status changes')">
 		<template #default="{ item }">
-			<DashboardWidgetItem :main-text="item.mainText"
+			<NcDashboardWidgetItem :main-text="item.mainText"
 				:sub-text="item.subText">
 				<template #avatar>
 					<NcAvatar class="item-avatar"
@@ -34,33 +35,27 @@
 						:show-user-status="false"
 						:show-user-status-compact="false" />
 				</template>
-			</DashboardWidgetItem>
+			</NcDashboardWidgetItem>
 		</template>
-		<template #empty-content>
-			<NcEmptyContent id="user_status-widget-empty-content">
-				<template #icon>
-					<div class="icon-user-status" />
-				</template>
-				{{ t('user_status', 'No recent status changes') }}
-			</NcEmptyContent>
+		<template #emptyContentIcon>
+			<div class="icon-user-status-dark" />
 		</template>
-	</DashboardWidget>
+	</NcDashboardWidget>
 </template>
 
 <script>
-import { DashboardWidget, DashboardWidgetItem } from '@nextcloud/vue-dashboard'
 import { loadState } from '@nextcloud/initial-state'
 import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar'
-import NcEmptyContent from '@nextcloud/vue/dist/Components/NcEmptyContent'
+import NcDashboardWidget from '@nextcloud/vue/dist/Components/NcDashboardWidget'
+import NcDashboardWidgetItem from '@nextcloud/vue/dist/Components/NcDashboardWidgetItem'
 import moment from '@nextcloud/moment'
 
 export default {
 	name: 'Dashboard',
 	components: {
 		NcAvatar,
-		DashboardWidget,
-		DashboardWidgetItem,
-		NcEmptyContent,
+		NcDashboardWidget,
+		NcDashboardWidgetItem,
 	},
 	data() {
 		return {
@@ -117,14 +112,10 @@ export default {
 </script>
 
 <style lang="scss">
-#user_status-widget-empty-content {
-	text-align: center;
-	margin-top: 5vh;
-	.icon-user-status {
-		width: 64px;
-		height: 64px;
-		background-size: 64px;
-		filter: var(--background-invert-if-dark);
-	}
+.icon-user-status-dark {
+	width: 64px;
+	height: 64px;
+	background-size: 64px;
+	filter: var(--background-invert-if-dark);
 }
 </style>

apps/user_status/tests/Unit/Dashboard/UserStatusWidgetTest.php

@@ -95,7 +95,7 @@ public function testGetOrder(): void {
 	}
 
 	public function testGetIconClass(): void {
-		$this->assertEquals('icon-user-status', $this->widget->getIconClass());
+		$this->assertEquals('icon-user-status-dark', $this->widget->getIconClass());
 	}
 
 	public function testGetUrl(): void {

dist/core-common.js.LICENSE.txt

@@ -362,6 +362,10 @@
 
 /*! For license information please see NcColorPicker.js.LICENSE.txt */
 
+/*! For license information please see NcDashboardWidget.js.LICENSE.txt */
+
+/*! For license information please see NcDashboardWidgetItem.js.LICENSE.txt */
+
 /*! For license information please see NcDatetimePicker.js.LICENSE.txt */
 
 /*! For license information please see NcHighlight.js.LICENSE.txt */
@@ -686,28 +690,6 @@
  *
  */
 
-/**
- * @copyright Copyright (c) 2020 Greta Doci <gretadoci@gmail.com>
- *
- * @author 2020 Greta Doci <gretadoci@gmail.com>
- *
- * @license GNU AGPL version 3 or any later version
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-
 /**
  * @copyright Copyright (c) 2020 John Molakvoæ <skjnldsv@protonmail.com>
  *