[WIKI-480] feat: unique id extension (#8098)

apps/web/core/components/editor/rich-text/description-input/root.tsx

@@ -79,6 +79,10 @@ type Props = {
    * @description Workspace slug, this will be used to get the workspace details
    */
   workspaceSlug: string;
+  /**
+   * @description Issue sequence id, this will be used to get the issue sequence id
+   */
+  issueSequenceId?: number;
 };
 
 /**
@@ -100,6 +104,7 @@ export const DescriptionInput: React.FC<Props> = observer((props) => {
     setIsSubmitting,
     swrDescription,
     workspaceSlug,
+    issueSequenceId,
   } = props;
   // states
   const [localDescription, setLocalDescription] = useState<TFormData>({
@@ -195,6 +200,7 @@ export const DescriptionInput: React.FC<Props> = observer((props) => {
               editable={!disabled}
               ref={editorRef}
               id={entityId}
+              issueSequenceId={issueSequenceId}
               disabledExtensions={disabledExtensions}
               initialValue={localDescription.description_html ?? "<p></p>"}
               value={swrDescription ?? null}

apps/web/core/components/editor/rich-text/editor.tsx

@@ -19,6 +19,7 @@ type RichTextEditorWrapperProps = MakeOptional<
   workspaceSlug: string;
   workspaceId: string;
   projectId?: string;
+  issueSequenceId?: number;
 } & (
     | {
         editable: false;

apps/web/core/components/inbox/content/issue-root.tsx

@@ -195,6 +195,7 @@ export const InboxIssueMainContent: React.FC<Props> = observer((props) => {
           <DescriptionInputLoader />
         ) : (
           <DescriptionInput
+            issueSequenceId={issue.sequence_id}
             containerClassName="-ml-3 border-none"
             disabled={!isEditable}
             editorRef={editorRef}

apps/web/core/components/issues/issue-detail/main-content.tsx

@@ -129,6 +129,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
         />
 
         <DescriptionInput
+          issueSequenceId={issue.sequence_id}
           containerClassName="-ml-3 border-none"
           disabled={isArchived || !isEditable}
           editorRef={editorRef}

apps/web/core/components/issues/peek-overview/issue-detail.tsx

@@ -128,6 +128,7 @@ export const PeekOverviewIssueDetails: FC<Props> = observer((props) => {
       />
 
       <DescriptionInput
+        issueSequenceId={issue.sequence_id}
         containerClassName="-ml-3 border-none"
         disabled={disabled || isArchived}
         editorRef={editorRef}