fix checkbox order and icons

Signed-off-by: Julien Veyssier <eneiluj@posteo.net>

1 files changed, 6 insertions, 3 deletions

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index f151648232a..bd41125f500 100644
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -39,7 +39,7 @@
 			<div class="modal__content">
 				<h3>{{ t('dashboard', 'Edit widgets') }}</h3>
 				<ol class="panels">
-					<li v-for="(cb, status) in allCallbacksStatus" :key="status">
+					<li v-for="status in sortedAllStatuses" :key="status">
 						<input :id="'status-checkbox-' + status"
 							type="checkbox"
 							class="checkbox"
@@ -105,11 +105,11 @@ const shippedBackgroundList = loadState('dashboard', 'shippedBackgrounds')
 const statusInfo = {
 	weather: {
 		text: t('dashboard', 'Weather'),
-		icon: 'icon-github',
+		icon: 'icon-weather-status',
 	},
 	status: {
 		text: t('dashboard', 'User status'),
-		icon: 'icon-discourse',
+		icon: 'icon-user-status-online',
 	},
 }
 
@@ -190,6 +190,9 @@ export default {
 		isStatusActive() {
 			return (status) => !(status in this.enabledStatuses) || this.enabledStatuses[status]
 		},
+		sortedAllStatuses() {
+			return Object.keys(this.allCallbacksStatus).slice().sort((a, b) => a > b)
+		},
 		sortedPanels() {
 			return Object.values(this.panels).sort((a, b) => {
 				const indexA = this.layout.indexOf(a.id)