import { FC } from "react"; // packages import { RichTextEditor } from "@plane/rich-text-editor"; // components import { IssueReaction } from "./reactions"; // hooks import { useDebouncedCallback } from "use-debounce"; // types import { IIssue } from "types"; // services import { FileService } from "services/file.service"; const fileService = new FileService(); interface IPeekOverviewIssueDetails { workspaceSlug: string; issue: IIssue; issueReactions: any; user: any; issueUpdate: (issue: Partial) => void; issueReactionCreate: (reaction: string) => void; issueReactionRemove: (reaction: string) => void; } export const PeekOverviewIssueDetails: FC = (props) => { const { workspaceSlug, issue, issueReactions, user, issueUpdate, issueReactionCreate, issueReactionRemove } = props; const debouncedIssueDescription = useDebouncedCallback(async (_data: any) => { issueUpdate({ ...issue, description_html: _data }); }, 1500); return (
{issue?.project_detail?.identifier}-{issue?.sequence_id}
{issue?.name}
{ debouncedIssueDescription(description_html); }} customClassName="p-3 min-h-[80px] shadow-sm" />
); };