[WEB-3868] fix: issue detail widget modals #6933

web/core/components/issues/issue-detail-widgets/issue-detail-widget-modals.tsx

@@ -12,16 +12,18 @@ import { IssueLinkCreateUpdateModal } from "../issue-detail/links/create-update-
 // helpers
 import { useLinkOperations } from "./links/helper";
 import { useSubIssueOperations } from "./sub-issues/helper";
+import { TWorkItemWidgets } from ".";
 
 type Props = {
   workspaceSlug: string;
   projectId: string;
   issueId: string;
   issueServiceType: TIssueServiceType;
+  hideWidgets?: TWorkItemWidgets[];
 };
 
 export const IssueDetailWidgetModals: FC<Props> = observer((props) => {
-  const { workspaceSlug, projectId, issueId, issueServiceType } = props;
+  const { workspaceSlug, projectId, issueId, issueServiceType, hideWidgets } = props;
   // store hooks
   const {
     isIssueLinkModalOpen,
@@ -134,21 +136,27 @@ export const IssueDetailWidgetModals: FC<Props> = observer((props) => {
 
   // render conditions
   const shouldRenderExistingIssuesModal =
+    !hideWidgets?.includes("sub-work-items") &&
     issueCrudOperationState?.existing?.toggle &&
     issueCrudOperationState?.existing?.parentIssueId &&
     isSubIssuesModalOpen;
 
   const shouldRenderCreateUpdateModal =
-    issueCrudOperationState?.create?.toggle && issueCrudOperationState?.create?.parentIssueId && isCreateIssueModalOpen;
+    !hideWidgets?.includes("sub-work-items") &&
+    issueCrudOperationState?.create?.toggle &&
+    issueCrudOperationState?.create?.parentIssueId &&
+    isCreateIssueModalOpen;
 
   return (
     <>
+      {!hideWidgets?.includes("links") && (
         <IssueLinkCreateUpdateModal
           isModalOpen={isIssueLinkModalOpen}
           handleOnClose={handleIssueLinkModalOnClose}
           linkOperations={handleLinkOperations}
           issueServiceType={issueServiceType}
         />
+      )}
 
       {shouldRenderCreateUpdateModal && (
         <CreateUpdateIssueModal
@@ -171,6 +179,7 @@ export const IssueDetailWidgetModals: FC<Props> = observer((props) => {
         />
       )}
 
+      {!hideWidgets?.includes("relations") && (
         <ExistingIssuesListModal
           workspaceSlug={workspaceSlug}
           projectId={projectId}
@@ -180,6 +189,7 @@ export const IssueDetailWidgetModals: FC<Props> = observer((props) => {
           handleOnSubmit={handleExistingIssueModalOnSubmit}
           workspaceLevelToggle
         />
+      )}
     </>
   );
 });

web/core/components/issues/issue-detail-widgets/root.tsx

@@ -59,6 +59,7 @@ export const IssueDetailWidgets: FC<Props> = (props) => {
           projectId={projectId}
           issueId={issueId}
           issueServiceType={issueServiceType}
+          hideWidgets={hideWidgets}
         />
       )}
     </>