47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
/**
|
|
* Copyright (c) 2023-present Plane Software, Inc. and contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-only
|
|
* See the LICENSE file for details.
|
|
*/
|
|
|
|
import { observer } from "mobx-react";
|
|
// plane imports
|
|
import { RichTextEditor } from "@/components/editor/rich-text-editor";
|
|
import { usePublish } from "@/hooks/store/publish";
|
|
// types
|
|
import type { IIssue } from "@/types/issue";
|
|
// local imports
|
|
import { IssueReactions } from "./issue-reaction";
|
|
|
|
type Props = {
|
|
anchor: string;
|
|
issueDetails: IIssue;
|
|
};
|
|
|
|
export const PeekOverviewIssueDetails = observer(function PeekOverviewIssueDetails(props: Props) {
|
|
const { anchor, issueDetails } = props;
|
|
// store hooks
|
|
const { project_details, workspace: workspaceID } = usePublish(anchor);
|
|
// derived values
|
|
const description = issueDetails.description_html;
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
<h6 className="text-14 font-medium text-placeholder">
|
|
{project_details?.identifier}-{issueDetails?.sequence_id}
|
|
</h6>
|
|
<h4 className="text-20 font-medium break-words">{issueDetails.name}</h4>
|
|
{description && description !== "" && description !== "<p></p>" && (
|
|
<RichTextEditor
|
|
editable={false}
|
|
anchor={anchor}
|
|
id={issueDetails.id}
|
|
initialValue={description}
|
|
workspaceId={workspaceID?.toString() ?? ""}
|
|
/>
|
|
)}
|
|
<IssueReactions anchor={anchor} />
|
|
</div>
|
|
);
|
|
});
|