From 97fe030c933cd87e60e964a95905f754cf2f1d41 Mon Sep 17 00:00:00 2001
From: Jerozgen <jerozgen@gmail.com>
Date: Tue, 30 Sep 2025 09:02:20 +0300
Subject: [PATCH] App update fixes

---
 apps/app-frontend/src/App.vue                               | 2 +-
 apps/app-frontend/src/components/ui/UpdateToast.vue         | 6 +++---
 .../src/components/ui/modal/AppSettingsModal.vue            | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/app-frontend/src/App.vue b/apps/app-frontend/src/App.vue
index 331d8bcd92..55029375ba 100644
--- a/apps/app-frontend/src/App.vue
+++ b/apps/app-frontend/src/App.vue
@@ -282,7 +282,7 @@ async function setupApp() {
 
 		const version = await getVersion()
 		if (pending_update_toast_for_version === version) {
-			notifications.addNotification({
+			addNotification({
 				type: 'success',
 				title: formatMessage(messages.updateInstalledToastTitle, { version }),
 				text: formatMessage(messages.updateInstalledToastText),
diff --git a/apps/app-frontend/src/components/ui/UpdateToast.vue b/apps/app-frontend/src/components/ui/UpdateToast.vue
index bb1811aff6..af9676080d 100644
--- a/apps/app-frontend/src/components/ui/UpdateToast.vue
+++ b/apps/app-frontend/src/components/ui/UpdateToast.vue
@@ -69,13 +69,13 @@ const messages = defineMessages({
 </script>
 <template>
 	<div
-		class="fixed card-shadow rounded-2xl top-[--top-bar-height] mt-6 right-6 p-4 z-10 w-[25rem] bg-bg-raised border-divider border-solid border-[2px]"
+		class="grid grid-cols-[min-content] fixed card-shadow rounded-2xl top-[--top-bar-height] mt-6 right-6 p-4 z-10 bg-bg-raised border-divider border-solid border-[2px]"
 		:class="{
 			'download-complete': progress === 1,
 		}"
 	>
-		<div class="flex">
-			<h2 class="text-base text-contrast font-semibold m-0 grow">
+		<div class="flex min-w-[25rem] gap-4">
+			<h2 class="whitespace-nowrap text-base text-contrast font-semibold m-0 grow">
 				{{
 					formatMessage(metered && progress === 1 ? messages.downloadCompleteTitle : messages.title)
 				}}
diff --git a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
index 19a29b4a96..932540de92 100644
--- a/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
+++ b/apps/app-frontend/src/components/ui/modal/AppSettingsModal.vue
@@ -148,7 +148,7 @@ const messages = defineMessages({
 					<div class="mb-3">
 						<template v-if="progress > 0 && progress < 1">
 							<p class="m-0 mb-2">
-								{{ formatMessage(messages.downloading, { downloadingVersion }) }}
+								{{ formatMessage(messages.downloading, { version: downloadingVersion }) }}
 							</p>
 							<ProgressBar :progress="progress" />
 						</template>