forked from github/plane
8a95a41100
Co-authored-by: Bavisetti Narayan <72156168+NarayanBavisetti@users.noreply.github.com> Co-authored-by: NarayanBavisetti <narayan3119@gmail.com> Co-authored-by: Bavisetti Narayan <narayan@Bavisettis-MacBook-Pro.local> Co-authored-by: Nikhil <118773738+pablohashescobar@users.noreply.github.com> Co-authored-by: M. Palanikannan <73993394+Palanikannan1437@users.noreply.github.com> Co-authored-by: Lakhan Baheti <94619783+1akhanBaheti@users.noreply.github.com> Co-authored-by: Dakshesh Jain <65905942+dakshesh14@users.noreply.github.com> Co-authored-by: Aaryan Khandelwal <65252264+aaryan610@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>
|
|
);
|
|
};
|