fix(dashboard): Migrate to NcUserStatusIcon

Signed-off-by: Christopher Ng <chrng8@gmail.com>

diff --git a/apps/dashboard/src/DashboardApp.vue b/apps/dashboard/src/DashboardApp.vue
index 3676f68fe10709e792adb48c1b807704f2cd354a..09f03e08f79f336cfc7ab9f16674f4143122ee77 100644 (file)
--- a/apps/dashboard/src/DashboardApp.vue
+++ b/apps/dashboard/src/DashboardApp.vue
@@ -74,7 +74,8 @@
                                                        :checked="isStatusActive(status)"
                                                        @input="updateStatusCheckbox(status, $event.target.checked)">
                                                <label :for="'status-checkbox-' + status">
-                                                       <span :class="statusInfo[status].icon" aria-hidden="true" />
+                                                       <NcUserStatusIcon v-if="status === 'status'" status="online" aria-hidden="true" />
+                                                       <span v-else :class="statusInfo[status].icon" aria-hidden="true" />
                                                        {{ statusInfo[status].text }}
                                                </label>
                                        </li>
@@ -124,6 +125,7 @@ import axios from '@nextcloud/axios'
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
 import Draggable from 'vuedraggable'
 import NcModal from '@nextcloud/vue/dist/Components/NcModal.js'
+import NcUserStatusIcon from '@nextcloud/vue/dist/Components/NcUserStatusIcon.js'
 import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Vue from 'vue'
 
@@ -140,7 +142,6 @@ const statusInfo = {
        },
        status: {
                text: t('dashboard', 'Status'),
-               icon: 'icon-user-status-online',
        },
 }
 
@@ -152,6 +153,7 @@ export default {
                Draggable,
                NcModal,
                Pencil,
+               NcUserStatusIcon,
        },
        mixins: [
                isMobile,