* 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>
76 lines
2.3 KiB
TypeScript
76 lines
2.3 KiB
TypeScript
import { getOperationName } from '@apollo/client/utilities';
|
|
import { v4 } from 'uuid';
|
|
|
|
import { GET_COMPANIES } from '@/companies/services';
|
|
import { GET_PEOPLE } from '@/people/services';
|
|
import {
|
|
CommentThread,
|
|
CommentThreadTarget,
|
|
useAddCommentThreadTargetOnCommentThreadMutation,
|
|
useRemoveCommentThreadTargetOnCommentThreadMutation,
|
|
} from '~/generated/graphql';
|
|
|
|
import { GET_COMMENT_THREADS_BY_TARGETS } from '../services';
|
|
import { CommentableEntityForSelect } from '../types/CommentableEntityForSelect';
|
|
|
|
export function useHandleCheckableCommentThreadTargetChange({
|
|
commentThread,
|
|
}: {
|
|
commentThread?: Pick<CommentThread, 'id'> & {
|
|
commentThreadTargets: Array<
|
|
Pick<CommentThreadTarget, 'id' | 'commentableId'>
|
|
>;
|
|
};
|
|
}) {
|
|
const [addCommentThreadTargetOnCommentThread] =
|
|
useAddCommentThreadTargetOnCommentThreadMutation({
|
|
refetchQueries: [
|
|
getOperationName(GET_COMPANIES) ?? '',
|
|
getOperationName(GET_PEOPLE) ?? '',
|
|
getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
|
|
],
|
|
});
|
|
|
|
const [removeCommentThreadTargetOnCommentThread] =
|
|
useRemoveCommentThreadTargetOnCommentThreadMutation({
|
|
refetchQueries: [
|
|
getOperationName(GET_COMPANIES) ?? '',
|
|
getOperationName(GET_PEOPLE) ?? '',
|
|
getOperationName(GET_COMMENT_THREADS_BY_TARGETS) ?? '',
|
|
],
|
|
});
|
|
|
|
return function handleCheckItemChange(
|
|
newCheckedValue: boolean,
|
|
entity: CommentableEntityForSelect,
|
|
) {
|
|
if (!commentThread) {
|
|
return;
|
|
}
|
|
if (newCheckedValue) {
|
|
addCommentThreadTargetOnCommentThread({
|
|
variables: {
|
|
commentableEntityId: entity.id,
|
|
commentableEntityType: entity.entityType,
|
|
commentThreadId: commentThread.id,
|
|
commentThreadTargetCreationDate: new Date().toISOString(),
|
|
commentThreadTargetId: v4(),
|
|
},
|
|
});
|
|
} else {
|
|
const foundCorrespondingTarget = commentThread.commentThreadTargets?.find(
|
|
(target) => target.commentableId === entity.id,
|
|
);
|
|
|
|
if (foundCorrespondingTarget) {
|
|
removeCommentThreadTargetOnCommentThread({
|
|
variables: {
|
|
commentThreadId: commentThread.id,
|
|
commentThreadTargetId: foundCorrespondingTarget.id,
|
|
},
|
|
});
|
|
}
|
|
}
|
|
};
|
|
}
|