Lucas/t 365 on comment drawer i see a add comment section with severa (#256)

* Added comments and authors on drawer with proper resolving

* Fixed generated front graphql from rebase

* Fixed comment chip

* wip

* wip 2

* - Added string typing for DateTime scalar
- Refactored user in a recoil state and workspace using it
- Added comment creation

* Put theme and user state in generic providers

* Fix from rebase

* Fixed app theme provider removed from storybook

* Wip

* Fix graphql front

* Fixed backend bug

* - Added comment fetching in creation mode
- Fixed drawer overflows and heights

* - Fixed autosize validation button CSS bug

* Fixed CSS bug with drawer changing height if overflow

* Fixed text input too many event catched and useless error message

* Removed console.log

* Fixed comment cell chip

* Create comment thread on each comment action bar click

* Fixed lint

* Fixed TopBar height

front/src/modules/comments/services/create.ts

@@ -29,3 +29,56 @@ export const CREATE_COMMENT = gql`
     }
   }
 `;
+
+export const CREATE_COMMENT_THREAD_WITH_COMMENT = gql`
+  mutation CreateCommentThreadWithComment(
+    $commentThreadId: String!
+    $commentText: String!
+    $authorId: String!
+    $createdAt: DateTime!
+    $commentId: String!
+    $commentThreadTargetArray: [CommentThreadTargetCreateManyCommentThreadInput!]!
+  ) {
+    createOneCommentThread(
+      data: {
+        id: $commentThreadId
+        createdAt: $createdAt
+        updatedAt: $createdAt
+        comments: {
+          createMany: {
+            data: {
+              authorId: $authorId
+              id: $commentId
+              createdAt: $createdAt
+              body: $commentText
+            }
+          }
+        }
+        commentThreadTargets: {
+          createMany: { data: $commentThreadTargetArray, skipDuplicates: true }
+        }
+      }
+    ) {
+      id
+      createdAt
+      updatedAt
+      commentThreadTargets {
+        id
+        createdAt
+        updatedAt
+        commentThreadId
+        commentableType
+        commentableId
+      }
+      comments {
+        id
+        createdAt
+        updatedAt
+        body
+        author {
+          id
+        }
+      }
+    }
+  }
+`;

front/src/modules/comments/services/select.ts

@@ -59,3 +59,22 @@ export const GET_COMMENT_THREADS_BY_TARGETS = gql`
     }
   }
 `;
+
+export const GET_COMMENT_THREAD = gql`
+  query GetCommentThread($commentThreadId: String!) {
+    findManyCommentThreads(where: { id: { equals: $commentThreadId } }) {
+      id
+      comments {
+        id
+        body
+        createdAt
+        updatedAt
+        author {
+          id
+          displayName
+          avatarUrl
+        }
+      }
+    }
+  }
+`;