fix: create comment card for inbox issues fixed

packages/editor/lite-text-editor/src/ui/index.tsx

@@ -31,6 +31,8 @@ export interface ILiteTextEditor {
     highlights: () => Promise<IMentionHighlight[]>;
     suggestions?: () => Promise<IMentionSuggestion[]>;
   };
+  id?: string;
+
   tabIndex?: number;
   placeholder?: string | ((isFocused: boolean, value: string) => string);
 }
@@ -48,11 +50,13 @@ const LiteTextEditor = (props: ILiteTextEditor) => {
     tabIndex,
     mentionHandler,
     placeholder = "Add comment...",
+    id = "",
   } = props;
 
   const editor = useEditor({
     onChange,
     initialValue,
+    id,
     value,
     editorClassName,
     restoreFile: fileHandler.restore,

web/components/issues/issue-detail/issue-activity/comments/comment-create.tsx

@@ -18,10 +18,11 @@ type TIssueCommentCreate = {
   workspaceSlug: string;
   activityOperations: TActivityOperations;
   showAccessSpecifier?: boolean;
+  issueId: string;
 };
 
 export const IssueCommentCreate: FC<TIssueCommentCreate> = (props) => {
-  const { workspaceSlug, projectId, activityOperations, showAccessSpecifier = false } = props;
+  const { workspaceSlug, issueId, projectId, activityOperations, showAccessSpecifier = false } = props;
   // refs
   const editorRef = useRef<any>(null);
   // store hooks
@@ -71,6 +72,8 @@ export const IssueCommentCreate: FC<TIssueCommentCreate> = (props) => {
             control={control}
             render={({ field: { value, onChange } }) => (
               <LiteTextEditor
+                id={"add_comment_" + issueId}
+                value={"<p></p>"}
                 workspaceId={workspaceId}
                 projectId={projectId}
                 workspaceSlug={workspaceSlug}

web/components/issues/issue-detail/issue-activity/root.tsx

@@ -146,6 +146,7 @@ export const IssueActivity: FC<TIssueActivity> = observer((props) => {
               />
               {!disabled && (
                 <IssueCommentCreate
+                  issueId={issueId}
                   projectId={projectId}
                   workspaceSlug={workspaceSlug}
                   activityOperations={activityOperations}
@@ -165,6 +166,7 @@ export const IssueActivity: FC<TIssueActivity> = observer((props) => {
               />
               {!disabled && (
                 <IssueCommentCreate
+                  issueId={issueId}
                   projectId={projectId}
                   workspaceSlug={workspaceSlug}
                   activityOperations={activityOperations}