feat: report upload image

apps/api/prisma/migrations/20240209095603_image/migration.sql

@@ -0,0 +1,12 @@
+/*
+  Warnings:
+
+  - You are about to drop the column `imagePath` on the `Report` table. All the data in the column will be lost.
+  - Added the required column `imageData` to the `Report` table without a default value. This is not possible if the table is not empty.
+  - Added the required column `imageName` to the `Report` table without a default value. This is not possible if the table is not empty.
+
+*/
+-- AlterTable
+ALTER TABLE "Report" DROP COLUMN "imagePath",
+ADD COLUMN     "imageData" BYTEA NOT NULL,
+ADD COLUMN     "imageName" TEXT NOT NULL;

apps/api/prisma/schema.prisma

@@ -77,7 +77,8 @@ model Report {
   nik         String
   name        String
   phoneNumber String
-  imagePath   String
+  imageName   String
+  imageData   Bytes
   description String
   status      Status     @default(notResponded)
   feedback    Feedback[]

apps/api/src/model/report/report.controller.ts

@@ -1,4 +1,5 @@
 import {
+    Post,
     BadRequestException,
     Body,
     Controller,
@@ -9,8 +10,13 @@ import {
     ParseIntPipe,
     Put,
     UseInterceptors,
+    UploadedFile,
 } from "@nestjs/common";
+import { FileInterceptor } from "@nestjs/platform-express";
+import "multer";
+import { Express } from "express";
 import {
+    Override,
     ReportCreateDTO,
     ReportModel,
     ReportUpdateDTO,
@@ -85,6 +91,35 @@ export class ReportController
         }
     }
 
+    public async add(
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        @Body() payload: ReportCreateDTO
+    ): Promise<ResponseFormatInterface<ReportModel>> {
+        this.loggerService.error(`Add: Method Is Disabled`);
+        throw new ForbiddenException("Method Is Disabled");
+    }
+
+    @Override
+    @Post()
+    @UseInterceptors(FileInterceptor("image"))
+    public async addWithUpload(
+        @Body()
+        payload: {
+            trashBinId: number;
+            nik: string;
+            name: string;
+            phoneNumber: string;
+            description: string;
+        },
+        @UploadedFile() file: Express.Multer.File
+    ): Promise<ResponseFormatInterface<ReportModel>> {
+        return super.add({
+            ...payload,
+            imageName: file.originalname,
+            imageData: file.buffer,
+        });
+    }
+
     public async change(
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         @Param("id", ParseIntPipe) id: number,

apps/api/src/model/report/report.rest

@@ -28,9 +28,8 @@ Content-Type: application/json
 {
     "trashBinId": 2,
     "nik": "6471109230192341",
-    "name": "Bud",
-    "phoneNumber": "6281234",
-    "imagePath": "imagepath1",
+    "name": "Budi",
+    "phoneNumber": "6281234567891",
     "description": "Tempat sampah rusak"
 }
 

apps/api/tsconfig.json

@@ -8,6 +8,7 @@
         }
     ],
     "compilerOptions": {
-        "esModuleInterop": true
+        "esModuleInterop": true,
+        "types": ["Multer"]
     }
 }

libs/common/src/dto/report.ts

@@ -15,7 +15,9 @@ export class ReportCreateDTO {
     phoneNumber: string;
 
     @IsString()
-    imagePath: string;
+    imageName: string;
+
+    imageData: Buffer;
 
     @IsString()
     description: string;

libs/common/src/models/report.ts

@@ -29,7 +29,9 @@ export class ReportModel implements Prisma.ReportCreateInput {
     phoneNumber: string;
 
     @IsString()
-    imagePath: string;
+    imageName: string;
+
+    imageData: Buffer;
 
     @IsString()
     description: string;

package.json

@@ -70,6 +70,7 @@
         "@swc/core": "~1.3.85",
         "@testing-library/react": "14.0.0",
         "@types/bcrypt": "^5.0.2",
+        "@types/multer": "^1.4.11",
         "@types/node": "18.16.9",
         "@types/react": "18.2.33",
         "@types/react-dom": "18.2.14",