diff --git a/apps/space/core/components/editor/lite-text-editor.tsx b/apps/space/core/components/editor/lite-text-editor.tsx index 0a6c50ddbe9..d6d487dd7ca 100644 --- a/apps/space/core/components/editor/lite-text-editor.tsx +++ b/apps/space/core/components/editor/lite-text-editor.tsx @@ -79,21 +79,23 @@ export const LiteTextEditor = React.forwardRef(function LiteTextEditor( // overriding the containerClassName to add relative class passed containerClassName={cn(containerClassName, "relative")} /> - { - // TODO: update this while toolbar homogenization - // @ts-expect-error type mismatch here - editorRef?.executeMenuItemCommand({ - itemKey: item.itemKey, - ...item.extraProps, - }); - }} - isSubmitting={isSubmitting} - showSubmitButton={showSubmitButton} - handleSubmit={(e) => rest.onEnterKeyPress?.(e)} - isCommentEmpty={isEmpty} - editorRef={editorRef} - /> + {editable && ( + { + // TODO: update this while toolbar homogenization + // @ts-expect-error type mismatch here + editorRef?.executeMenuItemCommand({ + itemKey: item.itemKey, + ...item.extraProps, + }); + }} + isSubmitting={isSubmitting} + showSubmitButton={showSubmitButton} + handleSubmit={(e) => rest.onEnterKeyPress?.(e)} + isCommentEmpty={isEmpty} + editorRef={editorRef} + /> + )} ); }); diff --git a/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx b/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx index 9d90b6f7349..f0e91d8b40c 100644 --- a/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx +++ b/apps/space/core/components/issues/peek-overview/comment/add-comment.tsx @@ -96,6 +96,9 @@ export const AddComment = observer(function AddComment(props: Props) { setUploadAssetIds((prev) => [...prev, asset_id]); return asset_id; }} + displayConfig={{ + fontSize: "small-font", + }} /> )} /> diff --git a/apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx b/apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx index 91d8f668628..7d5538ba6df 100644 --- a/apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx +++ b/apps/space/core/components/issues/peek-overview/comment/comment-detail-card.tsx @@ -42,7 +42,7 @@ export const CommentCard = observer(function CommentCard(props: Props) { control, formState: { isSubmitting }, handleSubmit, - } = useForm({ + } = useForm({ defaultValues: { comment_html: comment.comment_html }, }); @@ -120,6 +120,9 @@ export const CommentCard = observer(function CommentCard(props: Props) { const { asset_id } = await uploadCommentAsset(file, anchor, comment.id); return asset_id; }} + displayConfig={{ + fontSize: "small-font", + }} /> )} /> diff --git a/apps/web/ce/components/comments/comment-block.tsx b/apps/web/ce/components/comments/comment-block.tsx index 384c65b9c27..9ac3f04b41c 100644 --- a/apps/web/ce/components/comments/comment-block.tsx +++ b/apps/web/ce/components/comments/comment-block.tsx @@ -1,10 +1,9 @@ -import type { FC, ReactNode } from "react"; +import type { ReactNode } from "react"; import { useRef } from "react"; import { observer } from "mobx-react"; // plane imports import { useTranslation } from "@plane/i18n"; import type { TIssueComment } from "@plane/types"; -import { EIssueCommentAccessSpecifier } from "@plane/types"; import { Avatar, Tooltip } from "@plane/ui"; import { calculateTimeAgo, cn, getFileURL, renderFormattedDate, renderFormattedTime } from "@plane/utils"; // hooks @@ -56,9 +55,7 @@ export const CommentBlock = observer(function CommentBlock(props: TCommentBlock)
- - {`${displayName}${comment.access === EIssueCommentAccessSpecifier.EXTERNAL ? " (External User)" : ""}`} - + {displayName}
commented{" "}