refactor(ui): remove old snackbar code

Author: luizhf42

ui/src/components/Snackbar/Snackbar.vue

@@ -117,7 +117,6 @@
       </v-list>
     </v-navigation-drawer>
 
-    <Snackbar />
     <SnackbarNew />
 
     <AppBar v-model="showNavigationDrawer" data-test="app-bar" />
@@ -166,7 +165,6 @@ import AppBar from "../components/AppBar/AppBar.vue";
 import QuickConnection from "../components/QuickConnection/QuickConnection.vue";
 import NamespaceAdd from "@/components/Namespace/NamespaceAdd.vue";
 import SnackbarNew from "@/components/Snackbar/SnackbarNew.vue";
-import Snackbar from "@/components/Snackbar/Snackbar.vue";
 
 const router = useRouter();
 const store = useStore();

ui/src/components/Snackbar/SnackbarCopy.vue

@@ -1,6 +1,5 @@
 <template>
   <v-app>
-    <snackbar-component />
     <SnackbarNew />
     <v-main class="d-flex justify-center align-center">
       <v-container

ui/src/components/Snackbar/SnackbarError.vue

@@ -1,6 +1,5 @@
 <template>
   <v-app>
-    <snackbar-component />
     <SnackbarNew />
     <v-main class="d-flex justify-center align-center">
       <v-container

ui/src/components/Snackbar/SnackbarSuccess.vue

@@ -12,7 +12,6 @@ import "asciinema-player/dist/bundle/asciinema-player.css";
 
 import { loadFonts } from "./plugins/webfontloader";
 
-import SnackbarComponent from "./components/Snackbar/Snackbar.vue";
 import { SnackbarPlugin } from "./plugins/snackbar";
 
 const app = createApp(App);
@@ -59,5 +58,4 @@ if ((envVariables.isCloud) && (envVariables.chatWootWebsiteToken && envVariables
 }
 
 app.use(SnackbarPlugin);
-app.component("SnackbarComponent", SnackbarComponent);
 app.mount("#app");

ui/src/interfaces/INotifications.ts

@@ -2,7 +2,7 @@
 import { RouteRecordRaw, createRouter, createWebHistory, RouteLocationNormalized, NavigationGuardNext } from "vue-router";
 import { envVariables } from "../envVariables";
 import { store } from "@/store";
-import { INotificationsError } from "@/interfaces/INotifications";
+import { plugin as snackbar } from "@/plugins/snackbar"; // using direct plugin because inject() doesn't work outside components
 
 export const handleAcceptInvite = async (to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) => {
   try {
@@ -42,10 +42,7 @@ export const handleAcceptInvite = async (to: RouteLocationNormalized, from: Rout
     }
     next();
   } catch (error) {
-    store.dispatch(
-      "snackbar/showSnackbarErrorLoading",
-      INotificationsError.routeAcceptInvite,
-    );
+    snackbar.showError("Failed to accept invitation.");
     next({ name: "Login" });
   }
 };

ui/src/layouts/AppLayout.vue

@@ -9,7 +9,6 @@ import { tags, TagsState } from "./modules/tags";
 import { stats, StatsState } from "./modules/stats";
 import { support, SupportState } from "./modules/support";
 import { spinner, SpinnerState } from "./modules/spinner";
-import { snackbar, SnackbarState } from "./modules/snackbar";
 import { sessions, SessionsState } from "./modules/sessions";
 import { sessionRecording, SessionRecordingState } from "./modules/session_recording";
 import { publicKeys, PublicKeysState } from "./modules/public_keys";
@@ -45,7 +44,6 @@ export interface State {
   publicKeys: PublicKeysState;
   sessionRecording: SessionRecordingState;
   sessions: SessionsState;
-  snackbar: SnackbarState;
   spinner: SpinnerState;
   stats: StatsState;
   support: SupportState;
@@ -75,7 +73,6 @@ export const store = createStore<State>({
     publicKeys,
     sessionRecording,
     sessions,
-    snackbar,
     spinner,
     stats,
     support,