fix: Update icons properly in the navigation and heading

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/modules/modals/EditContext.vue

@@ -14,7 +14,7 @@
 					<NcIconPicker :close-on-select="true" @select="setIcon">
 						<NcButton
 							type="tertiary"
-							:aria-label="t('tables', 'Select an icon for applcation')"
+							:aria-label="t('tables', 'Select an icon for application')"
 							:title="t('tables', 'Select icon')"
 							@click.prevent>
 							<template #icon>
@@ -110,15 +110,12 @@ export default {
 			if (this.contextId) {
 				const context = this.getContext(this.contextId)
 				this.title = context.name
-				this.icon.name = context.iconName
+				this.setIcon(this.localContext.iconName)
 				this.description = context.description
 				this.resources = context ? [...this.getContextResources(context)] : []
 			}
 		},
 	},
-	async mounted() {
-		await this.setIcon('equalizer')
-	},
 	methods: {
 		async setIcon(iconName) {
 			this.icon.name = iconName

src/modules/navigation/partials/NavigationContextItem.vue

@@ -59,8 +59,13 @@ export default {
 		...mapGetters(['activeContext']),
 	},
 
-	async mounted() {
-		this.icon = await this.getContextIcon(this.context.iconName)
+	watch: {
+		'context.iconName': {
+			async handler() {
+				this.icon = await this.getContextIcon(this.context.iconName)
+			},
+			immediate: true,
+		},
 	},
 
 	methods: {

src/pages/Context.vue

@@ -116,6 +116,12 @@ export default {
 				await this.reload()
 			}
 		},
+		'context.iconName': {
+			async handler(value) {
+				this.icon = value ? await this.getContextIcon(value) : ''
+			},
+			immediate: true,
+		},
 	},
 
 	async mounted() {