diff --git a/src/components/ProgramSeries/Item.vue b/src/components/ProgramSeries/Item.vue
index d1520e6..98e608c 100644
--- a/src/components/ProgramSeries/Item.vue
+++ b/src/components/ProgramSeries/Item.vue
@@ -67,6 +67,7 @@
 </template>
 <script>
 import { mapActions, mapMutations } from "vuex";
+import { UserStorage } from "@/utils/storage";
 export default {
   props: {
     series: {
diff --git a/src/components/Workouts/Add.vue b/src/components/Workouts/Add.vue
index ee34283..11063e7 100644
--- a/src/components/Workouts/Add.vue
+++ b/src/components/Workouts/Add.vue
@@ -20,7 +20,10 @@
                     label="manager image"
                     :url.sync="form.thumbnail"
                     v-model="fileForm"
-                    :stencilProps="{ aspectRatio: 1280 / 720, checkImageOrigin: false }"
+                    :stencilProps="{
+                      aspectRatio: 1280 / 720,
+                      checkImageOrigin: false,
+                    }"
                   />
                 </div>
               </div>
@@ -191,7 +194,7 @@ export default {
     fileForm: {
       batch_id: RANDOM_TOKEN,
       collection: "main_image",
-      crop_data: {}
+      crop_data: {},
     },
   }),
   computed: {
@@ -218,12 +221,13 @@ export default {
       try {
         let repository = new FileRepository();
         if (this.workoutId) {
-          if (this.fileForm.file
-          //  || !_.isEqual(this.fileForm.crop_data, this.perviousCropData)
-           ) {
+          if (
+            this.fileForm.file
+            //  || !_.isEqual(this.fileForm.crop_data, this.perviousCropData)
+          ) {
             await repository.store(this.fileForm);
           }
-         await this.updateWorkout(this.form);
+          await this.updateWorkout(this.form);
           this.$router.push({ name: "workouts" });
         } else {
           await repository.store(this.fileForm);
diff --git a/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue b/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
index 98e8e15..997655f 100644
--- a/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
+++ b/src/components/WorkoutsSeries/Modals/AddWorkoutModal.vue
@@ -4,7 +4,7 @@
     transition="slide-x-transition"
     tag="form"
     @submit="WorkoutToSeries"
-    @open="openModal"
+    @close="closeModal"
   >
     <template #header>
       <div class="close__modal">
@@ -44,7 +44,14 @@
                   class="mt-3"
                 /> -->
                 <div class="pb-3 align mt-2">
-                  <div class="series__workout__title wa__f__m__eb text-uppercase mb-2">
+                  <div
+                    class="
+                      series__workout__title
+                      wa__f__m__eb
+                      text-uppercase
+                      mb-2
+                    "
+                  >
                     {{ item.name }}
                   </div>
                   <div class="series__workout__description">
@@ -176,9 +183,14 @@ export default {
     },
   },
   methods: {
-    ...mapActions("workoutToSeries", ["loadWorkoutsToSeries", "addWorkoutToSeries"]),
+    ...mapActions("workoutToSeries", [
+      "loadWorkoutsToSeries",
+      "addWorkoutToSeries",
+    ]),
     ...mapMutations("workoutToSeries", ["SET_FILTER_WORKOUTS_TO_SERIES"]),
-    openModal() {},
+    closeModal() {
+      this.SET_FILTER_WORKOUTS_TO_SERIES({});
+    },
     async joinWorkout(id) {
       this.workoutId = id;
       let repository = new WorkoutToSeriesRepository();
@@ -200,7 +212,7 @@ export default {
   },
   async created() {
     // this.SET_FILTER_WORKOUTS_TO_SERIES({
-      
+
     // });
     await this.loadWorkoutsToSeries();
     console.log(this.getWorkoutsToSeries);
@@ -228,4 +240,4 @@ export default {
 .align {
   line-height: 4px;
 }
-</style>
+</style>
\ No newline at end of file