remove old snackbar

frontend/src/App.vue

@@ -32,7 +32,6 @@
     <v-main>
       <v-container>
         <AddRecipeFab />
-        <SnackBar />
         <router-view></router-view>
       </v-container>
       <FlashMessage :position="'right bottom'"></FlashMessage>
@@ -44,7 +43,6 @@
 import Menu from "./components/UI/Menu";
 import SearchBar from "./components/UI/SearchBar";
 import AddRecipeFab from "./components/UI/AddRecipeFab";
-import SnackBar from "./components/UI/SnackBar";
 import Vuetify from "./plugins/vuetify";
 export default {
   name: "App",
@@ -52,7 +50,6 @@ export default {
   components: {
     Menu,
     AddRecipeFab,
-    SnackBar,
     SearchBar,
   },
 

frontend/src/components/UI/SnackBar.vue

@@ -1,41 +0,0 @@
-<template>
-  <div class="text-center">
-    <v-snackbar :value="active" :timeout="timeout" :color="type">
-      {{ text }}
-
-      <template v-slot:action="{ attrs }">
-        <v-btn color="white" text v-bind="attrs" @click="close(false)">
-          {{$t('general.close')}}
-        </v-btn>
-      </template>
-    </v-snackbar>
-  </div>
-</template>
-
-<script>
-export default {
-  data: () => ({
-    snackbar: false,
-    timeout: -1,
-  }),
-  computed: {
-    text() {
-      return this.$store.getters.getSnackText;
-    },
-    active() {
-      return this.$store.getters.getSnackActive;
-    },
-    type() {
-      return this.$store.getters.getSnackType;
-    },
-  },
-  methods: {
-    close(value) {
-      this.$store.commit("setSnackActive", value);
-    },
-  },
-};
-</script>
-
-<style>
-</style>

frontend/src/store/store.js

@@ -22,10 +22,6 @@ const store = new Vuex.Store({
   state: {
     // Auth
     isLoggedIn: true,
-    // Snackbar
-    snackActive: false,
-    snackText: "",
-    snackType: "warning",
 
     // All Recipe Data Store
     recentRecipes: [],
@@ -37,14 +33,6 @@ const store = new Vuex.Store({
     setIsLoggedIn(state, payload) {
       state.isLoggedIn = payload;
     },
-    setSnackBar(state, payload) {
-      state.snackText = payload.text;
-      state.snackType = payload.type;
-      state.snackActive = true;
-    },
-    setSnackActive(state, payload) {
-      state.snackActive = payload;
-    },
 
     setRecentRecipes(state, payload) {
       state.recentRecipes = payload;
@@ -72,11 +60,6 @@ const store = new Vuex.Store({
   },
 
   getters: {
-    //
-    getSnackText: state => state.snackText,
-    getSnackActive: state => state.snackActive,
-    getSnackType: state => state.snackType,
-
     getRecentRecipes: state => state.recentRecipes,
     getMealPlanCategories: state => state.mealPlanCategories,
     getIsLoggedIn: state => state.isLoggedIn,