mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
6eb0bf4785
* feat: add mentions store to the space project * fix: added mentions highlights in read only comment cards * feat: added mention highlights in richtexteditor in space app
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { IssueReactions } from "components/issues/peek-overview";
|
|
import { RichReadOnlyEditor } from "@plane/rich-text-editor";
|
|
// types
|
|
import { IIssue } from "types/issue";
|
|
import useEditorSuggestions from "hooks/use-editor-suggestions";
|
|
|
|
type Props = {
|
|
issueDetails: IIssue;
|
|
};
|
|
|
|
export const PeekOverviewIssueDetails: React.FC<Props> = ({ issueDetails }) => {
|
|
|
|
const mentionConfig = useEditorSuggestions();
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
<h6 className="font-medium text-custom-text-200">
|
|
{issueDetails.project_detail.identifier}-{issueDetails.sequence_id}
|
|
</h6>
|
|
<h4 className="break-words text-2xl font-semibold">{issueDetails.name}</h4>
|
|
{issueDetails.description_html !== "" && issueDetails.description_html !== "<p></p>" && (
|
|
<RichReadOnlyEditor
|
|
value={!issueDetails.description_html ||
|
|
issueDetails.description_html === "" ||
|
|
(typeof issueDetails.description_html === "object" &&
|
|
Object.keys(issueDetails.description_html).length === 0)
|
|
? "<p></p>"
|
|
: issueDetails.description_html}
|
|
customClassName="p-3 min-h-[50px] shadow-sm" mentionHighlights={mentionConfig.mentionHighlights} />
|
|
)}
|
|
<IssueReactions />
|
|
</div>
|
|
)
|
|
};
|