base

2026-04-18 18:39:25 +03:00
commit 3ba092b60c
4944 changed files with 497564 additions and 0 deletions
@@ -0,0 +1,46 @@
+/**
+ * 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>
+  );
+});