From 97272ddfc7439bc1b47530b8fc42acb2ae0b4654 Mon Sep 17 00:00:00 2001
From: Vitor Mattos <vitor@php.rio>
Date: Mon, 17 Jul 2023 13:25:21 -0300
Subject: [PATCH] Add icon to notifications menu

TODO:
- [ ] The icon didn't appear, necessary to fix this

Task suspended to be possible work at most important features

Signed-off-by: Vitor Mattos <vitor@php.rio>
---
 src/components/LeftSidebar.vue | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/components/LeftSidebar.vue b/src/components/LeftSidebar.vue
index 17d7526..faf3881 100644
--- a/src/components/LeftSidebar.vue
+++ b/src/components/LeftSidebar.vue
@@ -18,8 +18,9 @@
 			</NcAppNavigationItem>
 			<NcAppNavigationItem :to="{name: 'notifications'}"
 				:title="t('my_company', 'Notifications')"
-				icon="icon-notifications"
-				:exact="true" />
+				:exact="true">
+				<NcIconSvgWrapper slot="icon" :svg="iconNotifications" />
+			</NcAppNavigationItem>
 		</template>
 	</NcAppNavigation>
 </template>
@@ -27,19 +28,21 @@
 <script>
 import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
 import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
+import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js'
+
+import iconNotifications from 'apps/announcementcenter/img/announcementcenter.svg?raw'
 
 export default {
 	name: 'LeftSidebar',
 	components: {
 		NcAppNavigation,
 		NcAppNavigationItem,
+		NcIconSvgWrapper,
 	},
+	data() {
+		return {
+			iconNotifications,
+		}
+	}
 }
 </script>
-
-<style lang="scss" scoped>
-.icon-notifications {
-	background-image: inline-image('apps/announcementcenter/img/announcementcenter.svg');
-	filter: var(--background-invert-if-dark);
-}
-</style>