mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
367cfc4180
* chore: public board endpoints (#2030) * feat: editor for issue description (#2038) * chore: cycle endpoint to return display name as well in the assignee distribution (#2041) * chore: cycle endpoint to return display name as well in the assignee distribution * fix: value error * fix: Gantt chart bugs (#2024) * fix: only left mouse button should trigger all the events * fix: extra block shadow * chore: minor updates on the peek overview * chore: remove filters button from the navbar --------- Co-authored-by: Nikhil <118773738+pablohashescobar@users.noreply.github.com> Co-authored-by: Lakhan Baheti <94619783+1akhanBaheti@users.noreply.github.com>
41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
import { IssueReactions } from "components/issues/peek-overview";
|
|
import { TipTapEditor } from "components/tiptap";
|
|
import { useRouter } from "next/router";
|
|
// types
|
|
import { IIssue } from "types/issue";
|
|
|
|
type Props = {
|
|
issueDetails: IIssue;
|
|
};
|
|
|
|
export const PeekOverviewIssueDetails: React.FC<Props> = ({ issueDetails }) => {
|
|
const router = useRouter();
|
|
const { workspace_slug } = router.query;
|
|
|
|
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>" && (
|
|
<TipTapEditor
|
|
workspaceSlug={workspace_slug as string}
|
|
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"
|
|
debouncedUpdatesEnabled={false}
|
|
editable={false}
|
|
/>
|
|
)}
|
|
<IssueReactions />
|
|
</div>
|
|
);
|
|
};
|