Lucas/t 366 on comment drawer when i have comments on the selected (#201)

* Fixed right drawer width and shared in theme

* Added date packages and tooltip

* Added date utils and tests

* Added comment thread components

* Fixed comment chip

* Fix from rebase

* Fix from rebase

* Fix margin right

* Fixed CSS and graphql
This commit is contained in:
Lucas Bordeau
2023-06-07 12:48:44 +02:00
committed by GitHub
parent b1bf050936
commit 5e2673a2a4
30 changed files with 688 additions and 77 deletions

View File

@ -5,8 +5,8 @@ import { GraphqlQueryPerson } from '@/people/interfaces/person.interface';
import { GraphqlQueryUser } from '@/users/interfaces/user.interface';
import {
GetCompanyCountsQuery,
GetPeopleCountsQuery,
GetCompanyCommentsCountQuery,
GetPeopleCommentsCountQuery,
} from '../generated/graphql';
import { mockedCompaniesData } from './mock-data/companies';
@ -98,15 +98,15 @@ export const graphqlMocks = [
}),
);
}),
graphql.query('GetPeopleCounts', (req, res, ctx) => {
const mockedData: GetPeopleCountsQuery = {
graphql.query('GetPeopleCommentsCount', (req, res, ctx) => {
const mockedData: GetPeopleCommentsCountQuery = {
people: [{ commentsCount: 12 }],
};
return res(ctx.data(mockedData));
}),
graphql.query('GetCompanyCounts', (req, res, ctx) => {
const mockedData: GetCompanyCountsQuery = {
graphql.query('GetCompanyCommentsCount', (req, res, ctx) => {
const mockedData: GetCompanyCommentsCountQuery = {
companies: [{ commentsCount: 20 }],
};
return res(ctx.data(mockedData));

View File

@ -6,6 +6,8 @@ export const mockedUsersData: Array<GraphqlQueryUser> = [
__typename: 'User',
email: 'charles@test.com',
displayName: 'Charles Test',
avatarUrl:
'https://s3-alpha-sig.figma.com/img/bbb5/4905/f0a52cc2b9aaeb0a82a360d478dae8bf?Expires=1687132800&Signature=iVBr0BADa3LHoFVGbwqO-wxC51n1o~ZyFD-w7nyTyFP4yB-Y6zFawL-igewaFf6PrlumCyMJThDLAAc-s-Cu35SBL8BjzLQ6HymzCXbrblUADMB208PnMAvc1EEUDq8TyryFjRO~GggLBk5yR0EXzZ3zenqnDEGEoQZR~TRqS~uDF-GwQB3eX~VdnuiU2iittWJkajIDmZtpN3yWtl4H630A3opQvBnVHZjXAL5YPkdh87-a-H~6FusWvvfJxfNC2ZzbrARzXofo8dUFtH7zUXGCC~eUk~hIuLbLuz024lFQOjiWq2VKyB7dQQuGFpM-OZQEV8tSfkViP8uzDLTaCg__&Key-Pair-Id=APKAQ4GOSFWCVNEHN3O4',
workspaceMember: {
__typename: 'WorkspaceMember',
id: '7dfbc3f7-6e5e-4128-957e-8d86808cdf6b',