mirror of
https://github.com/makeplane/plane
synced 2024-06-14 14:31:34 +00:00
17f83d6458
* dev: change layout * chore: replace workspace slug and project id with anchor * chore: migration fixes * chore: update filtering logic * chore: endpoint changes * chore: update endpoint * chore: changed url pratterns * chore: use client side for layout and page * chore: issue vote changes * chore: project deploy board response change * refactor: publish project store and components * fix: update layout options after fetching settings * chore: remove unnecessary types * style: peek overview * refactor: components folder structure * fix: redirect from old path * chore: make the whole issue block clickable * chore: removed the migration file * chore: add server side redirection for old routes * chore: is enabled key change * chore: update types * chore: removed the migration file --------- Co-authored-by: NarayanBavisetti <narayan3119@gmail.com>
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
// components
|
|
import { RichTextReadOnlyEditor } from "@/components/editor";
|
|
import { IssueReactions } from "@/components/issues/peek-overview";
|
|
// types
|
|
import { IIssue } from "@/types/issue";
|
|
|
|
type Props = {
|
|
anchor: string;
|
|
issueDetails: IIssue;
|
|
};
|
|
|
|
export const PeekOverviewIssueDetails: React.FC<Props> = (props) => {
|
|
const { anchor, issueDetails } = props;
|
|
|
|
const description = issueDetails.description_html;
|
|
|
|
return (
|
|
<div className="space-y-2">
|
|
<h6 className="text-base font-medium text-custom-text-400">
|
|
{issueDetails.project_detail?.identifier}-{issueDetails?.sequence_id}
|
|
</h6>
|
|
<h4 className="break-words text-2xl font-medium">{issueDetails.name}</h4>
|
|
{description !== "" && description !== "<p></p>" && (
|
|
<RichTextReadOnlyEditor
|
|
initialValue={
|
|
!description ||
|
|
description === "" ||
|
|
(typeof description === "object" && Object.keys(description).length === 0)
|
|
? "<p></p>"
|
|
: description
|
|
}
|
|
/>
|
|
)}
|
|
<IssueReactions anchor={anchor} />
|
|
</div>
|
|
);
|
|
};
|