diff --git a/src/abstraction/resources/workoutResource.js b/src/abstraction/resources/workoutResource.js
index bd046b5..27da4a5 100644
--- a/src/abstraction/resources/workoutResource.js
+++ b/src/abstraction/resources/workoutResource.js
@@ -16,6 +16,7 @@ export const getJson = (data) => ({
     video: data.video,
     set: data.set,
     per_set: data.per_set,
+    estimate_time: data.estimate_time,
 });
 export const setData = (data) => ({
     id: data.id,
diff --git a/src/components/Programs/Modals/FiltersModal.vue b/src/components/Programs/Modals/FiltersModal.vue
index c2093c9..c486388 100644
--- a/src/components/Programs/Modals/FiltersModal.vue
+++ b/src/components/Programs/Modals/FiltersModal.vue
@@ -96,8 +96,8 @@
 <script>
 import SectionTitle from "../../Global/Section/SectionTitle.vue";
 import { cloneDeep } from "lodash";
-import { mapMutations } from "vuex";
-const defaultFilter = {
+import { mapMutations, mapGetters } from "vuex";
+let defaultFilter = {
   title: {
     type: "like",
     val: null,
@@ -134,6 +134,9 @@ export default {
       },
     ],
   }),
+  computed: {
+    ...mapGetters("programs", ["getFilters"]),
+  },
   methods: {
     ...mapMutations("programs", ["SET_FILTER_PROGRAMS"]),
     filterPrograms() {
@@ -149,5 +152,9 @@ export default {
       this.$_closeModal();
     },
   },
+  created() {
+    let filter = { ...this.filter, ...this.getFilters };
+    this.filter = filter;
+  },
 };
 </script>
diff --git a/src/components/Users/Modals/ChangeRoleModal.vue b/src/components/Users/Modals/ChangeRoleModal.vue
index 76f5a61..208ba4a 100644
--- a/src/components/Users/Modals/ChangeRoleModal.vue
+++ b/src/components/Users/Modals/ChangeRoleModal.vue
@@ -96,7 +96,7 @@ export default {
           this.currectRoleId = this.role_id ? this.role_id : 0;
           this.$_closeModal();
         } else {
-          toast.error("Change the roll first", "Error");
+          toast.error("Change the role first", "Error");
         }
       }
     },
diff --git a/src/components/Users/Modals/FiltersModal.vue b/src/components/Users/Modals/FiltersModal.vue
index c095bbd..3127ef4 100644
--- a/src/components/Users/Modals/FiltersModal.vue
+++ b/src/components/Users/Modals/FiltersModal.vue
@@ -28,7 +28,7 @@
             ></v-text-field>
           </div>
         </div>
-        <div class="my-6" v-if="type === 'admin'">
+        <div class="my-6" v-if="role === 'admin'">
           <div>
             <v-autocomplete
               class="no-error-msg pt-0"
@@ -86,10 +86,10 @@
 </template>
 <script>
 import SectionTitle from "../../Global/Section/SectionTitle.vue";
-import { mapMutations } from "vuex";
+import { mapMutations, mapGetters } from "vuex";
 import { cloneDeep } from "lodash";
 import { UserStorage } from "@/utils/storage";
-const defaultFilter = {
+let defaultFilter = {
   first_name: {
     type: "like",
     val: null,
@@ -109,11 +109,14 @@ export default {
   components: { SectionTitle },
   data: () => ({
     filter: cloneDeep(defaultFilter),
-    type: UserStorage.get() ? UserStorage.get().type : null,
+    role: UserStorage.getRole() ? UserStorage.getRole() : null,
   }),
   props: {
     allRoles: {},
   },
+  computed: {
+    ...mapGetters("users", ["getFilters"]),
+  },
   methods: {
     ...mapMutations("users", ["SET_FILTER_USER"]),
     // ...mapActions("users", ["laodRoles"]),
@@ -134,6 +137,9 @@ export default {
       this.filter.role_name.val = this.$route.query.role_name;
       this.filterUser();
     }
+    let filter = { ...this.filter, ...this.getFilters };
+    this.filter = filter;
+    console.log(this.filter, this.getFilters, filter);
   },
 };
 </script>
diff --git a/src/components/Workouts/Item.vue b/src/components/Workouts/Item.vue
index 1e85ccd..27ab1e7 100644
--- a/src/components/Workouts/Item.vue
+++ b/src/components/Workouts/Item.vue
@@ -42,7 +42,7 @@
                   height="26"
                   icon="WMi-trash"
                   class="custom-btn custom-icon ml-1"
-                  @click.native="deleteWorkout(workout.id)"
+                  @click.native="removeWorkout(workout.id)"
                 />
                 <router-link
                   :to="{
@@ -67,6 +67,7 @@
 </template>
 <script>
 import { mapActions } from "vuex";
+import toast from '@/utils/toast'
 export default {
   props: {
     workout: {
@@ -75,6 +76,11 @@ export default {
   },
   methods: {
     ...mapActions("workouts", ["deleteWorkout"]),
+    removeWorkout(id) {
+      toast.question("Are sure delete workout?", "Delete workout", () => {
+        this.deleteWorkout(id);
+      });
+    },
   },
 };
 </script>
diff --git a/src/components/Workouts/Modals/FiltersModal.vue b/src/components/Workouts/Modals/FiltersModal.vue
index a81b8b3..0fae0bf 100644
--- a/src/components/Workouts/Modals/FiltersModal.vue
+++ b/src/components/Workouts/Modals/FiltersModal.vue
@@ -76,7 +76,7 @@
 import SectionTitle from "../../Global/Section/SectionTitle.vue";
 
 import { cloneDeep } from "lodash";
-import { mapMutations } from "vuex";
+import { mapMutations, mapGetters } from "vuex";
 const defaultFilter = {
   name: {
     type: "like",
@@ -95,6 +95,9 @@ export default {
   data: () => ({
     filter: cloneDeep(defaultFilter),
   }),
+  computed: {
+    ...mapGetters("workouts", ["getFilters"]),
+  },
   methods: {
     ...mapMutations("workouts", ["SET_FILTER_WORKOUTS"]),
     filterWorkotus() {
@@ -109,5 +112,9 @@ export default {
       this.$_closeModal();
     },
   },
+  created() {
+    let filter = { ...this.filter, ...this.getFilters };
+    this.filter = filter;
+  },
 };
 </script>
diff --git a/src/components/WorkoutsSeries/Item.vue b/src/components/WorkoutsSeries/Item.vue
index 6bf8431..42e74bf 100644
--- a/src/components/WorkoutsSeries/Item.vue
+++ b/src/components/WorkoutsSeries/Item.vue
@@ -3,14 +3,11 @@
     <v-row>
       <v-col :cols="addWorkout ? 3 : 4" class="pr-0">
         <!--  addWorkout ? addWorkout.thumbnail : seriesWorkout.thumbnail -->
-        <div
-          class="series__workout__image"
-          :style="{
-            backgroundImage: `url('${
-              addWorkout ? addWorkout.thumbnail : seriesWorkout.thumbnail
-            }')`,
-          }"
-        ></div>
+        <img
+          class="series__workout__image w-100"
+          :src="addWorkout ? addWorkout.thumbnail : seriesWorkout.thumbnail"
+          alt="product image"
+        />
         <!-- <div v-else>
           <img
             src="http://via.placeholder.com/200"
@@ -23,7 +20,7 @@
         <div class="details__card">
           <div>
             <div class="series__workout__title wa__f__m__eb text-uppercase mb-2">
-              {{ addWorkout ? addWorkout.title : seriesWorkout.title }}
+              {{ addWorkout ? addWorkout.name : seriesWorkout.name }}
             </div>
             <div class="series__workout__description">
               {{ addWorkout ? addWorkout.description : seriesWorkout.description }}
@@ -34,7 +31,7 @@
               <div class="d-flex">
                 <div class="mr-6">
                   <i class="WMi-clock-3"></i>
-                  <span class="wa__f__m__eb">{{ seriesWorkout.suggested_time }}</span>
+                  <span class="wa__f__m__eb">{{ seriesWorkout.estimate_time }}</span>
                 </div>
                 <div>
                   <i class="WMi-list"></i>
@@ -89,14 +86,14 @@ export default {
       });
     },
   },
+  created() {
+    console.log(this.seriesWorkout);
+  }
 };
 </script>
 <style scoped>
 .series__workout__image {
   border-radius: 20px;
-  height: 150px;
-  background-size: cover;
-  background-position: center;
 }
 .series__workout__img {
   width: 100%;
diff --git a/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue b/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
index 97772d6..5a4dd97 100644
--- a/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
+++ b/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
@@ -27,7 +27,7 @@
             append-icon="WMi-search"
             :items="getWorkoutsToSeries"
             item-value="id"
-            item-text="title"
+            item-text="name"
             :loading="isLoading"
             :search-input.sync="search"
           >
@@ -45,7 +45,7 @@
                 /> -->
                 <div class="pb-3 align mt-2">
                   <div class="series__workout__title wa__f__m__eb text-uppercase mb-2">
-                    {{ item.title }}
+                    {{ item.name }}
                   </div>
                   <div class="series__workout__description">
                     {{ item.description }}
@@ -59,7 +59,7 @@
           <v-divider class="mt-6"></v-divider>
           <v-row class="mt-1">
             <v-col cols="12"
-              ><AddWorkoutsItem :addWorkout="selectedWorkout" :add="true"
+              ><AddWorkoutsItem :addWorkout="selectedWorkout"
             /></v-col>
           </v-row>
         </template>
@@ -136,7 +136,7 @@ import WorkoutToSeriesRepository from "@/abstraction/repository/workoutToSeriesR
 
 let cancelId;
 const defaultFilter = {
-  title: {
+  name: {
     type: "like",
     val: null,
   },
@@ -163,7 +163,7 @@ export default {
       clearTimeout(cancelId);
       if (val && val.length > 1) {
         cancelId = setTimeout(async () => {
-          this.filter.title.val = val;
+          this.filter.name.val = val;
           this.SET_FILTER_WORKOUTS_TO_SERIES(this.filter);
           await this.loadWorkoutsToSeries();
           this.isLoading = false;
diff --git a/src/store/modules/programs/getters.js b/src/store/modules/programs/getters.js
index 6e86240..de9c630 100644
--- a/src/store/modules/programs/getters.js
+++ b/src/store/modules/programs/getters.js
@@ -2,5 +2,6 @@ export default {
     getPrograms: state => state.programs,
     getProgram: state => state.program,
     getPaginationProgram: state => state.pagination,
+    getFilters: state => state.filters,
     getFilterCount: state => state.filterCount
 };
diff --git a/src/store/modules/users/getters.js b/src/store/modules/users/getters.js
index 9d7b264..50431d5 100644
--- a/src/store/modules/users/getters.js
+++ b/src/store/modules/users/getters.js
@@ -2,5 +2,6 @@ export default {
     getUsers: state => state.users,
     getRoles: state => state.roles,
     getPaginationUser: state => state.pagination,
+    getFilters: state => state.filters,
     getFilterCount: state => state.filterCount
 };
diff --git a/src/store/modules/workouts/getters.js b/src/store/modules/workouts/getters.js
index 666c10e..1bd2991 100644
--- a/src/store/modules/workouts/getters.js
+++ b/src/store/modules/workouts/getters.js
@@ -2,5 +2,6 @@ export default {
     getWorkouts: state => state.workouts,
     getWorkout: state => state.workout,
     getPaginationWorkout: state => state.pagination,
+    getFilters: state => state.filters,
     getFilterCount: state => state.filterCount
 }
\ No newline at end of file