fix

src/abstraction/repository/FileRepository.js

@@ -2,7 +2,7 @@ import axios from "axios";
 import url from "@/router/url";
 import { getJson, setData } from "../resources/fileResource";
 
-export class FileRepository {
+export default class FileRepository {
 
     async store(data) {
         const formData = setData(data);

src/components/AddProduct/Main.vue

@@ -218,7 +218,7 @@
 <script>
 import { mapActions, mapGetters } from "vuex";
 import SectionTitle from "../Global/Section/SectionTitle.vue";
-import {FileRepository} from "../../abstraction/repository/fileRepository";
+import FileRepository from "../../abstraction/repository/fileRepository";
 import ImageCropper from "../Global/Input/ImageCropper.vue";
 import Dropzone from "../Global/Input/Dropzone.vue";
 import toast from "@/utils/toast";
@@ -276,13 +276,14 @@ export default {
       try {
         let valid = this.$refs.form.validate();
         if (valid) {
-          if (this.fileForm.media) {
           let repository = new FileRepository();
+          if (this.productId) {
+            if (this.fileForm.media.file) {
               await repository.store(this.fileForm);
             }
-          if (this.productId) {
             this.updateProduct(this.form);
           } else {
+            await repository.store(this.fileForm);
             this.addProduct(this.form);
           }
         } else {

src/components/AddProgram/Main.vue

@@ -130,7 +130,7 @@
 <script>
 import SectionTitle from "../Global/Section/SectionTitle.vue";
 import ImageCropper from "../Global/Input/ImageCropper.vue";
-import {FileRepository} from "../../abstraction/repository/fileRepository";
+import FileRepository from "../../abstraction/repository/fileRepository";
 import { mapGetters, mapActions } from "vuex";
 import { makeid } from "@/utils/math";
 const RANDOM_TOKEN = makeid(50);
@@ -166,13 +166,14 @@ export default {
     ...mapActions("programs", ["addProgram", "updateProgram", "loadProgram"]),
     async submit() {
       try {
-        if (this.fileForm.media) {
         let repository = new FileRepository();
+        if (this.programId) {
+          if (this.fileForm.media.file) {
             await repository.store(this.fileForm);
           }
-        if (this.programId) {
           this.updateProgram(this.form);
         } else {
+          await repository.store(this.fileForm);
           this.addProgram(this.form);
         }
       } catch (e) {

src/components/AddWorkout/Main.vue

@@ -177,7 +177,7 @@
 <script>
 import SectionTitle from "../Global/Section/SectionTitle.vue";
 import ImageCropper from "../Global/Input/ImageCropper.vue";
-import {FileRepository} from "../../abstraction/repository/fileRepository";
+import FileRepository from "../../abstraction/repository/fileRepository";
 import { mapActions, mapGetters } from "vuex";
 import { makeid } from "@/utils/math";
 const RANDOM_TOKEN = makeid(50);
@@ -218,13 +218,14 @@ export default {
     ...mapActions("sportCategories", ["loadSportCategories"]),
     async submit() {
       try {
-        if (this.fileForm.media) {
         let repository = new FileRepository();
+        if (this.workoutId) {
+          if (this.fileForm.media.file) {
             await repository.store(this.fileForm);
           }
-        if (this.workoutId) {
           this.updateWorkout(this.form);
         } else {
+          await repository.store(this.fileForm);
           this.addWorkout(this.form);
         }
       } catch (e) {

src/components/Products/Item.vue

@@ -46,6 +46,10 @@ export default {
 .product__title {
   font-family: "montserrat-medium";
   font-size: 19px;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  word-wrap: break-word;
+  overflow: hidden;
 }
 .product__sub__title {
   font-size: 14px;