chore: code refactor

packages/types/src/workspace-draft-issues/base.d.ts

@@ -26,6 +26,8 @@ export type TWorkspaceDraftIssue = {
   updated_by: string;
 
   is_draft: boolean;
+
+  type_id: string;
 };
 
 export type TWorkspaceDraftPaginationInfo<T> = {

web/ce/components/issues/issue-details/issue-identifier.tsx

@@ -1,3 +1,4 @@
+import { FC } from "react";
 import { observer } from "mobx-react";
 // types
 import { IIssueDisplayProperties } from "@plane/types";
@@ -28,6 +29,13 @@ type TIssueIdentifierWithDetails = TIssueIdentifierBaseProps & {
 
 export type TIssueIdentifierProps = TIssueIdentifierFromStore | TIssueIdentifierWithDetails;
 
+type TIssueTypeIdentifier = {
+  issueTypeId: string;
+  size?: "xs" | "sm" | "md" | "lg";
+};
+
+export const IssueTypeIdentifier: FC<TIssueTypeIdentifier> = observer((props) => <></>);
+
 type TIdentifierTextProps = {
   identifier: string;
   enableClickToCopyIdentifier?: boolean;

web/core/components/issues/workspace-draft/draft-issue-block.tsx

@@ -8,7 +8,7 @@ import { cn } from "@/helpers/common.helper";
 // hooks
 import { useAppTheme, useProject, useWorkspaceDraftIssues } from "@/hooks/store";
 // plane-web components
-import { IdentifierText } from "ce/components/issues";
+import { IdentifierText, IssueTypeIdentifier } from "@/plane-web/components/issues";
 // local components
 import { WorkspaceDraftIssueQuickActions } from "../issue-layouts";
 import { DraftIssueProperties } from "./draft-issue-properties";
@@ -51,6 +51,7 @@ export const DraftIssueBlock: FC<Props> = observer((props) => {
               <div className="flex-shrink-0">
                 {issue.project_id && (
                   <div className="flex items-center space-x-2">
+                    {issue?.type_id && <IssueTypeIdentifier issueTypeId={issue.type_id} />}
                     <IdentifierText
                       identifier={projectIdentifier}
                       enableClickToCopyIdentifier