feat: อัปรูปอัน product

src/stores/product-service/index.ts

@@ -1,6 +1,8 @@
 import { defineStore } from 'pinia';
 import { api } from 'src/boot/axios';
 
+import axios from 'axios';
+
 import { Pagination } from 'src/stores/types';
 
 import {
@@ -278,11 +280,21 @@ const useProductServiceStore = defineStore('api-product-service', () => {
   }
 
   async function createProduct(data: ProductCreate) {
-    const { ...payload } = data;
+    const { image, ...payload } = data;
 
-    const res = await api.post<ProductCreate>('/product', {
-      ...payload,
-    });
+    const res = await api.post<ProductCreate & { imageUploadUrl: string }>(
+      '/product',
+      {
+        ...payload,
+      },
+    );
+    image &&
+      (await axios
+        .put(res.data.imageUploadUrl, image, {
+          headers: { 'Content-Type': image.type },
+          onUploadProgress: (e) => console.log(e),
+        })
+        .catch((e) => console.error(e)));
 
     if (!res) return false;
 

src/stores/product-service/types.ts

@@ -109,6 +109,7 @@ export interface ProductCreate {
   detail: string;
   name: string;
   code: string;
+  image?: File;
 }
 
 export interface ProductUpdate {
@@ -119,6 +120,7 @@ export interface ProductUpdate {
   process: string;
   detail: string;
   name: string;
+  image?: File;
 }
 
 //