feat: I can upload a photo on person show page (#1103)

* I can upload a photo on person show page

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>

* Add requested changes

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: RubensRafael <rubensrafael2@live.com>
Co-authored-by: Rubens Rafael <70234898+RubensRafael@users.noreply.github.com>

server/src/constants/settings/index.ts

@@ -5,6 +5,7 @@ export const settings: Settings = {
     imageCropSizes: {
       'profile-picture': ['original'],
       'workspace-logo': ['original'],
+      'person-picture': ['original'],
     },
     maxFileSize: '10MB',
   },

server/src/core/file/interfaces/file-folder.interface.ts

@@ -4,6 +4,7 @@ export enum FileFolder {
   ProfilePicture = 'profile-picture',
   WorkspaceLogo = 'workspace-logo',
   Attachment = 'attachment',
+  PersonPicture = 'person-picture',
 }
 
 registerEnumType(FileFolder, {

server/src/core/person/person.module.ts

@@ -2,13 +2,14 @@ import { Module } from '@nestjs/common';
 
 import { CommentModule } from 'src/core/comment/comment.module';
 import { ActivityModule } from 'src/core/activity/activity.module';
+import { FileModule } from 'src/core/file/file.module';
 
 import { PersonService } from './person.service';
 import { PersonResolver } from './person.resolver';
 import { PersonRelationsResolver } from './person-relations.resolver';
 
 @Module({
-  imports: [CommentModule, ActivityModule],
+  imports: [CommentModule, ActivityModule, FileModule],
   providers: [PersonService, PersonResolver, PersonRelationsResolver],
   exports: [PersonService],
 })

server/src/core/person/person.resolver.spec.ts

@@ -1,6 +1,7 @@
 import { Test, TestingModule } from '@nestjs/testing';
 
 import { AbilityFactory } from 'src/ability/ability.factory';
+import { FileUploadService } from 'src/core/file/services/file-upload.service';
 
 import { PersonService } from './person.service';
 import { PersonResolver } from './person.resolver';
@@ -20,6 +21,10 @@ describe('PersonResolver', () => {
           provide: AbilityFactory,
           useValue: {},
         },
+        {
+          provide: FileUploadService,
+          useValue: {},
+        },
       ],
     }).compile();
 

server/src/core/person/person.resolver.ts

@@ -10,6 +10,9 @@ import { UseGuards } from '@nestjs/common';
 
 import { accessibleBy } from '@casl/prisma';
 import { Prisma } from '@prisma/client';
+import { FileUpload, GraphQLUpload } from 'graphql-upload';
+
+import { FileFolder } from 'src/core/file/interfaces/file-folder.interface';
 
 import { JwtAuthGuard } from 'src/guards/jwt.auth.guard';
 import { Person } from 'src/core/@generated/person/person.model';
@@ -34,13 +37,18 @@ import {
 import { UserAbility } from 'src/decorators/user-ability.decorator';
 import { AppAbility } from 'src/ability/ability.factory';
 import { Workspace } from 'src/core/@generated/workspace/workspace.model';
+import { streamToBuffer } from 'src/utils/stream-to-buffer';
+import { FileUploadService } from 'src/core/file/services/file-upload.service';
 
 import { PersonService } from './person.service';
 
 @UseGuards(JwtAuthGuard)
 @Resolver(() => Person)
 export class PersonResolver {
-  constructor(private readonly personService: PersonService) {}
+  constructor(
+    private readonly personService: PersonService,
+    private readonly fileUploadService: FileUploadService,
+  ) {}
 
   @Query(() => [Person], {
     nullable: false,
@@ -156,4 +164,32 @@ export class PersonResolver {
       select: prismaSelect.value,
     } as Prisma.PersonCreateArgs);
   }
+
+  @Mutation(() => String)
+  @UseGuards(AbilityGuard)
+  @CheckAbilities(UpdatePersonAbilityHandler)
+  async uploadPersonPicture(
+    @Args('id') id: string,
+    @Args({ name: 'file', type: () => GraphQLUpload })
+    { createReadStream, filename, mimetype }: FileUpload,
+  ): Promise<string> {
+    const stream = createReadStream();
+    const buffer = await streamToBuffer(stream);
+
+    const { paths } = await this.fileUploadService.uploadImage({
+      file: buffer,
+      filename,
+      mimeType: mimetype,
+      fileFolder: FileFolder.PersonPicture,
+    });
+
+    await this.personService.update({
+      where: { id },
+      data: {
+        avatarUrl: paths[0],
+      },
+    });
+
+    return paths[0];
+  }
 }