Add "show company / people" view and "Notes" concept (#528)

* Begin adding show view and refactoring threads to become notes

* Progress on design

* Progress redesign timeline

* Dropdown button, design improvement

* Open comment thread edit mode in drawer

* Autosave local storage and commentThreadcount

* Improve display and fix missing key issue

* Remove some hardcoded CSS properties

* Create button

* Split company show into ui/business + fix eslint

* Fix font weight

* Begin auto-save on edit mode

* Save server-side query result to Apollo cache

* Fix save behavior

* Refetch timeline after creating note

* Rename createCommentThreadWithComment

* Improve styling

* Revert "Improve styling"

This reverts commit 9fbbf2db006e529330edc64f3eb8ff9ecdde6bb0.

* Improve CSS styling

* Bring back border radius inadvertently removed

* padding adjustment

* Improve blocknote design

* Improve edit mode display

* Remove Comments.tsx

* Remove irrelevant comment stories

* Removed un-necessary panel component

* stop using fragment, move trash icon

* Add a basic story for CompanyShow

* Add a basic People show view

* Fix storybook tests

* Add very basic Person story

* Refactor PR1

* Refactor part 2

* Refactor part 3

* Refactor part 4

* Fix tests

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

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

@@ -63,15 +63,13 @@ export class PersonRelationsResolver {
   @ResolveField(() => Int, {
     nullable: false,
   })
-  async _commentCount(@Root() person: Person): Promise<number> {
-    return this.commentService.count({
+  async _commentThreadCount(@Root() person: Person): Promise<number> {
+    return this.commentThreadService.count({
       where: {
-        commentThread: {
-          commentThreadTargets: {
-            some: {
-              commentableId: person.id,
-              commentableType: 'Person',
-            },
+        commentThreadTargets: {
+          some: {
+            commentableId: person.id,
+            commentableType: 'Person',
           },
         },
       },

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

@@ -1,4 +1,11 @@
-import { Resolver, Query, Args, Mutation } from '@nestjs/graphql';
+import {
+  Resolver,
+  Query,
+  Args,
+  Mutation,
+  ResolveField,
+  Parent,
+} from '@nestjs/graphql';
 import { UseGuards } from '@nestjs/common';
 import { JwtAuthGuard } from 'src/guards/jwt.auth.guard';
 import { Person } from '../../core/@generated/person/person.model';
@@ -61,6 +68,30 @@ export class PersonResolver {
     });
   }
 
+  @Query(() => Person)
+  @UseGuards(AbilityGuard)
+  @CheckAbilities(ReadPersonAbilityHandler)
+  async findUniquePerson(
+    @Args('id') id: string,
+    @UserAbility() ability: AppAbility,
+    @PrismaSelector({ modelName: 'Person' })
+    prismaSelect: PrismaSelect<'Person'>,
+  ): Promise<Partial<Person>> {
+    return this.personService.findUniqueOrThrow({
+      where: {
+        id: id,
+      },
+      select: prismaSelect.value,
+    });
+  }
+
+  @ResolveField(() => String, {
+    nullable: false,
+  })
+  displayName(@Parent() parent: Person): string {
+    return `${parent.firstName ?? ''} ${parent.lastName ?? ''}`;
+  }
+
   @UseGuards(UpdateOneGuard)
   @Mutation(() => Person, {
     nullable: true,