From a740065e345f7e8c04e581366460b28528c606f8 Mon Sep 17 00:00:00 2001
From: Vamsi krishna <matalav55@gmail.com>
Date: Tue, 18 Mar 2025 18:21:46 +0530
Subject: [PATCH] chore: issue detail refactor

---
 .../issues/issue-detail-widgets/additional-widgets.tsx | 10 ++++++++++
 web/ce/components/issues/issue-detail-widgets/index.ts |  1 +
 web/ce/store/issue/helpers/base-issue-store.ts         |  4 ++++
 .../issue-detail-widget-collapsibles.tsx               |  8 ++++++++
 web/core/components/issues/issue-detail/sidebar.tsx    |  1 -
 5 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 web/ce/components/issues/issue-detail-widgets/additional-widgets.tsx
 create mode 100644 web/ce/components/issues/issue-detail-widgets/index.ts
 create mode 100644 web/ce/store/issue/helpers/base-issue-store.ts

diff --git a/web/ce/components/issues/issue-detail-widgets/additional-widgets.tsx b/web/ce/components/issues/issue-detail-widgets/additional-widgets.tsx
new file mode 100644
index 00000000000..04288603abc
--- /dev/null
+++ b/web/ce/components/issues/issue-detail-widgets/additional-widgets.tsx
@@ -0,0 +1,10 @@
+import { FC } from "react";
+
+export type TWorkItemAdditionalWidgets = {
+  workspaceSlug: string;
+  projectId: string;
+  workItemId: string;
+  disabled: boolean;
+};
+
+export const WorkItemAdditionalWidgets: FC<TWorkItemAdditionalWidgets> = (props) => <></>;
diff --git a/web/ce/components/issues/issue-detail-widgets/index.ts b/web/ce/components/issues/issue-detail-widgets/index.ts
new file mode 100644
index 00000000000..a972c50538f
--- /dev/null
+++ b/web/ce/components/issues/issue-detail-widgets/index.ts
@@ -0,0 +1 @@
+export * from "./additional-widgets";
diff --git a/web/ce/store/issue/helpers/base-issue-store.ts b/web/ce/store/issue/helpers/base-issue-store.ts
new file mode 100644
index 00000000000..b75a4916a1e
--- /dev/null
+++ b/web/ce/store/issue/helpers/base-issue-store.ts
@@ -0,0 +1,4 @@
+import { TIssue } from "@plane/types";
+import { getIssueIds } from "@/store/issue/helpers/base-issues-utils";
+
+export const workItemSortWithOrderByExtended = (array: TIssue[], key?: string) => getIssueIds(array);
diff --git a/web/core/components/issues/issue-detail-widgets/issue-detail-widget-collapsibles.tsx b/web/core/components/issues/issue-detail-widgets/issue-detail-widget-collapsibles.tsx
index 26ec7b6bfa7..1f3d148dc58 100644
--- a/web/core/components/issues/issue-detail-widgets/issue-detail-widget-collapsibles.tsx
+++ b/web/core/components/issues/issue-detail-widgets/issue-detail-widget-collapsibles.tsx
@@ -11,6 +11,7 @@ import {
 // hooks
 import { useIssueDetail } from "@/hooks/store";
 // Plane-web
+import { WorkItemAdditionalWidgets } from "@/plane-web/components/issues/issue-detail-widgets";
 import { useTimeLineRelationOptions } from "@/plane-web/components/relations";
 
 type Props = {
@@ -68,6 +69,13 @@ export const IssueDetailWidgetCollapsibles: FC<Props> = observer((props) => {
           disabled={disabled}
         />
       )}
+
+      <WorkItemAdditionalWidgets
+        workspaceSlug={workspaceSlug}
+        projectId={projectId}
+        workItemId={issueId}
+        disabled={disabled}
+      />
     </div>
   );
 });
diff --git a/web/core/components/issues/issue-detail/sidebar.tsx b/web/core/components/issues/issue-detail/sidebar.tsx
index d132b4e77ab..8e7bf151bfb 100644
--- a/web/core/components/issues/issue-detail/sidebar.tsx
+++ b/web/core/components/issues/issue-detail/sidebar.tsx
@@ -299,7 +299,6 @@ export const IssueDetailsSidebar: React.FC<Props> = observer((props) => {
               projectId={projectId}
               workspaceSlug={workspaceSlug}
               isEditable={isEditable}
-              isPeekView
             />
           </div>
         </div>