Photo API fix.

Spytex · Jul 24, 2023 · 2537269 · 2537269
1 parent 0fa56bd
commit 2537269
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 11 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,7 +23,6 @@
     "cypress": "^12.17.1",
     "cypress-file-upload": "^5.0.8",
     "formidable": "^3.5.0",
-    "framer-motion": "^10.12.18",
     "next": "13.4.9",
     "qrcode.react": "^3.1.0",
     "react": "18.2.0",

diff --git a/public/photos/95753308.jpg b/public/photos/95753308.jpg
diff --git a/public/photos/95753309.jpg b/public/photos/95753309.jpg
diff --git a/public/photos/95753313.jpg b/public/photos/95753313.jpg
diff --git a/src/components/ui/wagon/WagonItem.tsx b/src/components/ui/wagon/WagonItem.tsx
@@ -27,8 +27,8 @@ export const WagonItem: FC<IWagonDataSingle> = ({ Wagon }) => {
       try {
         const formData = new FormData();
         formData.append("myImage", file);
-        const response = await PhotoService.uploadPhoto(Wagon.VagonNumber, formData);
-        console.log("File uploaded:", response.data);
+        await PhotoService.uploadPhoto(Wagon.VagonNumber, formData);
+        console.log("File uploaded:", Wagon.VagonNumber);
         toast({
           position: "bottom-right",
           title: "File uploaded successfully.",
@@ -96,7 +96,7 @@ export const WagonItem: FC<IWagonDataSingle> = ({ Wagon }) => {
       </Flex>
       {showQRCode && (
         <Center mt={4}>
-          <QRCode value={Wagon.VagonNumber} bgColor={bgColor} fgColor={lineColor}/>
+          <QRCode value={Wagon.VagonNumber} bgColor={bgColor} fgColor={lineColor} />
         </Center>
       )}
       {showBarcode && (

diff --git a/src/pages/api/photo.ts b/src/pages/api/photo.ts
@@ -6,14 +6,20 @@ import { HttpMethod } from '@/enums/httpMethod.enum';
 import { IMiddlewareOptions } from '@/interfaces/middleware.interface';
 import { Middlewares } from '@/types/middleware.type';
 
+export const config = {
+  api: {
+    bodyParser: false,
+  },
+};
+
 
 const middlewares: Middlewares = {
   [HttpMethod.POST]: postPhoto,
   [HttpMethod.DELETE]: deletePhoto,
 }
 
 
-const readFile = (
+const readFile = async (
   req: NextApiRequest,
   saveLocally?: boolean,
 ): Promise<{ fields: formidable.Fields; files: formidable.Files }> => {
@@ -52,7 +58,7 @@ async function postPhoto(options: IMiddlewareOptions) {
   } catch (error) {
     await fs.mkdir(path.join(process.cwd() + "/public", "/photos"));
   }
-  readFile(req, true);
+  await readFile(req, true);
   res.json({ done: "ok" });
 }