From a6a8b32a33c97640086f853796c8e6c0e4bfa589 Mon Sep 17 00:00:00 2001
From: Stable Genius <259448942+stablegenius49@users.noreply.github.com>
Date: Wed, 11 Mar 2026 10:50:34 -0700
Subject: [PATCH] fix(webui): use shared extension toast snackbar

---
 dashboard/src/views/ExtensionPage.vue             | 12 ------------
 dashboard/src/views/extension/useExtensionPage.js | 14 ++------------
 2 files changed, 2 insertions(+), 24 deletions(-)

diff --git a/dashboard/src/views/ExtensionPage.vue b/dashboard/src/views/ExtensionPage.vue
index 657b203515..62dfc13893 100644
--- a/dashboard/src/views/ExtensionPage.vue
+++ b/dashboard/src/views/ExtensionPage.vue
@@ -33,9 +33,6 @@ const {
   extension_data,
   getInitialShowReserved,
   showReserved,
-  snack_message,
-  snack_show,
-  snack_success,
   configDialog,
   extension_config,
   pluginMarketData,
@@ -391,15 +388,6 @@ const {
     </v-card>
   </v-dialog>
 
-  <v-snackbar
-    :timeout="2000"
-    elevation="24"
-    :color="snack_success"
-    v-model="snack_show"
-  >
-    {{ snack_message }}
-  </v-snackbar>
-
   <ReadmeDialog
     v-model:show="readmeDialog.show"
     :plugin-name="readmeDialog.pluginName"
diff --git a/dashboard/src/views/extension/useExtensionPage.js b/dashboard/src/views/extension/useExtensionPage.js
index 6680eb8cd6..afa76e381a 100644
--- a/dashboard/src/views/extension/useExtensionPage.js
+++ b/dashboard/src/views/extension/useExtensionPage.js
@@ -3,6 +3,7 @@ import { useCommonStore } from "@/stores/common";
 import { useI18n, useModuleI18n } from "@/i18n/composables";
 import { getPlatformDisplayName } from "@/utils/platformUtils";
 import { resolveErrorMessage } from "@/utils/errorUtils";
+import { useToast } from "@/utils/toast";
 import {
   buildSearchQuery,
   matchesPluginSearch,
@@ -65,6 +66,7 @@ export const useExtensionPage = () => {
   const commonStore = useCommonStore();
   const { t } = useI18n();
   const { tm } = useModuleI18n("features/extension");
+  const { toast } = useToast();
   const router = useRouter();
   const route = useRoute();
   const { width } = useDisplay();
@@ -132,9 +134,6 @@ export const useExtensionPage = () => {
     return false;
   };
   const showReserved = ref(getInitialShowReserved());
-  const snack_message = ref("");
-  const snack_show = ref(false);
-  const snack_success = ref("success");
   const configDialog = ref(false);
   const extension_config = reactive({
     metadata: {},
@@ -546,12 +545,6 @@ export const useExtensionPage = () => {
     }
   };
   
-  const toast = (message, success) => {
-    snack_message.value = message;
-    snack_show.value = true;
-    snack_success.value = success;
-  };
-  
   const resetLoadingDialog = () => {
     loadingDialog.show = false;
     loadingDialog.title = tm("dialogs.loading.title");
@@ -1569,9 +1562,6 @@ export const useExtensionPage = () => {
     extension_data,
     getInitialShowReserved,
     showReserved,
-    snack_message,
-    snack_show,
-    snack_success,
     configDialog,
     extension_config,
     pluginMarketData,