diff --git a/web/core/components/issues/issue-detail-widgets/action-buttons.tsx b/web/core/components/issues/issue-detail-widgets/action-buttons.tsx index 7b6dff67b6d..29d1ff00d3a 100644 --- a/web/core/components/issues/issue-detail-widgets/action-buttons.tsx +++ b/web/core/components/issues/issue-detail-widgets/action-buttons.tsx @@ -1,8 +1,10 @@ "use client"; + import React, { FC } from "react"; import { Layers, Link, Paperclip, Waypoints } from "lucide-react"; -//i18n +// plane imports import { useTranslation } from "@plane/i18n"; +import { TIssueServiceType } from "@plane/types"; // components import { IssueAttachmentActionButton, @@ -10,6 +12,7 @@ import { RelationActionButton, SubIssuesActionButton, IssueDetailWidgetButton, + TWorkItemWidgets, } from "@/components/issues/issue-detail-widgets"; type Props = { @@ -17,58 +20,74 @@ type Props = { projectId: string; issueId: string; disabled: boolean; + issueServiceType: TIssueServiceType; + hideWidgets?: TWorkItemWidgets[]; }; export const IssueDetailWidgetActionButtons: FC = (props) => { - const { workspaceSlug, projectId, issueId, disabled } = props; + const { workspaceSlug, projectId, issueId, disabled, issueServiceType, hideWidgets } = props; + // translation const { t } = useTranslation(); + return (
- } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> - } - disabled={disabled} - /> + {!hideWidgets?.includes("sub-work-items") && ( + } + disabled={disabled} + /> + } + disabled={disabled} + issueServiceType={issueServiceType} + /> + )} + {!hideWidgets?.includes("relations") && ( + } + disabled={disabled} + /> + } + disabled={disabled} + issueServiceType={issueServiceType} + /> + )} + {!hideWidgets?.includes("links") && ( + } + disabled={disabled} + /> + } + disabled={disabled} + issueServiceType={issueServiceType} + /> + )} + {!hideWidgets?.includes("attachments") && ( + } + disabled={disabled} + /> + } + disabled={disabled} + issueServiceType={issueServiceType} + /> + )}
); }; diff --git a/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx b/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx index fb0b5b2c6fd..2739875747a 100644 --- a/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx +++ b/web/core/components/issues/issue-detail-widgets/attachments/quick-action-button.tsx @@ -4,15 +4,14 @@ import React, { FC, useCallback, useState } from "react"; import { observer } from "mobx-react"; import { FileRejection, useDropzone } from "react-dropzone"; import { Plus } from "lucide-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; -// plane ui import { TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssueDetail } from "@/hooks/store"; // plane web hooks import { useFileSize } from "@/plane-web/hooks/use-file-size"; - +// local imports import { useAttachmentOperations } from "./helper"; type Props = { @@ -21,18 +20,11 @@ type Props = { issueId: string; customButton?: React.ReactNode; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const IssueAttachmentActionButton: FC = observer((props) => { - const { - workspaceSlug, - projectId, - issueId, - customButton, - disabled = false, - issueServiceType = EIssueServiceType.ISSUES, - } = props; + const { workspaceSlug, projectId, issueId, customButton, disabled = false, issueServiceType } = props; // state const [isLoading, setIsLoading] = useState(false); // store hooks diff --git a/web/core/components/issues/issue-detail-widgets/attachments/root.tsx b/web/core/components/issues/issue-detail-widgets/attachments/root.tsx index 7b4788a1a6a..509b211147b 100644 --- a/web/core/components/issues/issue-detail-widgets/attachments/root.tsx +++ b/web/core/components/issues/issue-detail-widgets/attachments/root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; import { Collapsible } from "@plane/ui"; // components @@ -17,11 +17,11 @@ type Props = { projectId: string; issueId: string; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const AttachmentsCollapsible: FC = observer((props) => { - const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType } = props; // store hooks const { openWidgets, toggleOpenWidget } = useIssueDetail(issueServiceType); 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 1f3d148dc58..f73114effcf 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 @@ -1,12 +1,15 @@ "use client"; import React, { FC } from "react"; import { observer } from "mobx-react"; +// plane imports +import { TIssueServiceType } from "@plane/types"; // components import { AttachmentsCollapsible, LinksCollapsible, RelationsCollapsible, SubIssuesCollapsible, + TWorkItemWidgets, } from "@/components/issues/issue-detail-widgets"; // hooks import { useIssueDetail } from "@/hooks/store"; @@ -19,31 +22,33 @@ type Props = { projectId: string; issueId: string; disabled: boolean; + issueServiceType: TIssueServiceType; + hideWidgets?: TWorkItemWidgets[]; }; export const IssueDetailWidgetCollapsibles: FC = observer((props) => { - const { workspaceSlug, projectId, issueId, disabled } = props; + const { workspaceSlug, projectId, issueId, disabled, issueServiceType, hideWidgets } = props; // store hooks const { issue: { getIssueById }, subIssues: { subIssuesByIssueId }, attachment: { getAttachmentsCountByIssueId, getAttachmentsUploadStatusByIssueId }, relation: { getRelationCountByIssueId }, - } = useIssueDetail(); - + } = useIssueDetail(issueServiceType); // derived values const issue = getIssueById(issueId); const subIssues = subIssuesByIssueId(issueId); const ISSUE_RELATION_OPTIONS = useTimeLineRelationOptions(); const issueRelationsCount = getRelationCountByIssueId(issueId, ISSUE_RELATION_OPTIONS); - // render conditions - const shouldRenderSubIssues = !!subIssues && subIssues.length > 0; - const shouldRenderRelations = issueRelationsCount > 0; - const shouldRenderLinks = !!issue?.link_count && issue?.link_count > 0; + const shouldRenderSubIssues = !!subIssues && subIssues.length > 0 && !hideWidgets?.includes("sub-work-items"); + const shouldRenderRelations = issueRelationsCount > 0 && !hideWidgets?.includes("relations"); + const shouldRenderLinks = !!issue?.link_count && issue?.link_count > 0 && !hideWidgets?.includes("links"); const attachmentUploads = getAttachmentsUploadStatusByIssueId(issueId); const attachmentsCount = getAttachmentsCountByIssueId(issueId); - const shouldRenderAttachments = attachmentsCount > 0 || (!!attachmentUploads && attachmentUploads.length > 0); + const shouldRenderAttachments = + attachmentsCount > 0 || + (!!attachmentUploads && attachmentUploads.length > 0 && !hideWidgets?.includes("attachments")); return (
@@ -53,13 +58,25 @@ export const IssueDetailWidgetCollapsibles: FC = observer((props) => { projectId={projectId} issueId={issueId} disabled={disabled} + issueServiceType={issueServiceType} /> )} {shouldRenderRelations && ( - + )} {shouldRenderLinks && ( - + )} {shouldRenderAttachments && ( = observer((props) => { projectId={projectId} issueId={issueId} disabled={disabled} + issueServiceType={issueServiceType} /> )} - = observer((props) => { - const { workspaceSlug, projectId, issueId } = props; + const { workspaceSlug, projectId, issueId, issueServiceType } = props; // store hooks const { isIssueLinkModalOpen, @@ -146,6 +147,7 @@ export const IssueDetailWidgetModals: FC = observer((props) => { isModalOpen={isIssueLinkModalOpen} handleOnClose={handleIssueLinkModalOnClose} linkOperations={handleLinkOperations} + issueServiceType={issueServiceType} /> {shouldRenderCreateUpdateModal && ( diff --git a/web/core/components/issues/issue-detail-widgets/links/content.tsx b/web/core/components/issues/issue-detail-widgets/links/content.tsx index fefc7938fdf..014cf7c0216 100644 --- a/web/core/components/issues/issue-detail-widgets/links/content.tsx +++ b/web/core/components/issues/issue-detail-widgets/links/content.tsx @@ -1,6 +1,5 @@ "use client"; import React, { FC } from "react"; -import { EIssueServiceType } from "@plane/constants"; import { TIssueServiceType } from "@plane/types"; // components import { LinkList } from "../../issue-detail/links"; @@ -12,11 +11,11 @@ type Props = { projectId: string; issueId: string; disabled: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const IssueLinksCollapsibleContent: FC = (props) => { - const { workspaceSlug, projectId, issueId, disabled, issueServiceType = EIssueServiceType.ISSUES } = props; + const { workspaceSlug, projectId, issueId, disabled, issueServiceType } = props; // helper const handleLinkOperations = useLinkOperations(workspaceSlug, projectId, issueId, issueServiceType); diff --git a/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx b/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx index 775e2f9d779..89d33729ab7 100644 --- a/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx +++ b/web/core/components/issues/issue-detail-widgets/links/quick-action-button.tsx @@ -2,7 +2,7 @@ import React, { FC } from "react"; import { observer } from "mobx-react"; import { Plus } from "lucide-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; // hooks import { useIssueDetail } from "@/hooks/store"; @@ -10,11 +10,11 @@ import { useIssueDetail } from "@/hooks/store"; type Props = { customButton?: React.ReactNode; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const IssueLinksActionButton: FC = observer((props) => { - const { customButton, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { customButton, disabled = false, issueServiceType } = props; // store hooks const { toggleIssueLinkModal } = useIssueDetail(issueServiceType); diff --git a/web/core/components/issues/issue-detail-widgets/links/root.tsx b/web/core/components/issues/issue-detail-widgets/links/root.tsx index 655f23e0857..47007ecd2fd 100644 --- a/web/core/components/issues/issue-detail-widgets/links/root.tsx +++ b/web/core/components/issues/issue-detail-widgets/links/root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; import { Collapsible } from "@plane/ui"; // components @@ -14,14 +14,13 @@ type Props = { projectId: string; issueId: string; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const LinksCollapsible: FC = observer((props) => { - const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType } = props; // store hooks const { openWidgets, toggleOpenWidget } = useIssueDetail(issueServiceType); - // derived values const isCollapsibleOpen = openWidgets.includes("links"); diff --git a/web/core/components/issues/issue-detail-widgets/links/title.tsx b/web/core/components/issues/issue-detail-widgets/links/title.tsx index ce69e6aad06..8307ab46d40 100644 --- a/web/core/components/issues/issue-detail-widgets/links/title.tsx +++ b/web/core/components/issues/issue-detail-widgets/links/title.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC, useMemo } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { useTranslation } from "@plane/i18n"; import { TIssueServiceType } from "@plane/types"; import { CollapsibleButton } from "@plane/ui"; @@ -14,11 +14,12 @@ type Props = { isOpen: boolean; issueId: string; disabled: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const IssueLinksCollapsibleTitle: FC = observer((props) => { - const { isOpen, issueId, disabled, issueServiceType = EIssueServiceType.ISSUES } = props; + const { isOpen, issueId, disabled, issueServiceType } = props; + // translation const { t } = useTranslation(); // store hooks const { diff --git a/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx b/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx index 2d7e5a2bab3..b03c1b3233b 100644 --- a/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx +++ b/web/core/components/issues/issue-detail-widgets/relations/quick-action-button.tsx @@ -2,7 +2,7 @@ import React, { FC } from "react"; import { observer } from "mobx-react"; import { Plus } from "lucide-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { useTranslation } from "@plane/i18n"; import { TIssueServiceType } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -16,11 +16,11 @@ type Props = { issueId: string; customButton?: React.ReactNode; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const RelationActionButton: FC = observer((props) => { - const { customButton, issueId, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { customButton, issueId, disabled = false, issueServiceType } = props; const { t } = useTranslation(); // store hooks const { toggleRelationModal, setRelationKey } = useIssueDetail(issueServiceType); diff --git a/web/core/components/issues/issue-detail-widgets/relations/root.tsx b/web/core/components/issues/issue-detail-widgets/relations/root.tsx index 803d3fc66e9..d40c6d464c6 100644 --- a/web/core/components/issues/issue-detail-widgets/relations/root.tsx +++ b/web/core/components/issues/issue-detail-widgets/relations/root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; import { Collapsible } from "@plane/ui"; // components @@ -13,14 +13,13 @@ type Props = { workspaceSlug: string; issueId: string; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const RelationsCollapsible: FC = observer((props) => { - const { workspaceSlug, issueId, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { workspaceSlug, issueId, disabled = false, issueServiceType } = props; // store hooks const { openWidgets, toggleOpenWidget } = useIssueDetail(issueServiceType); - // derived values const isCollapsibleOpen = openWidgets.includes("relations"); diff --git a/web/core/components/issues/issue-detail-widgets/root.tsx b/web/core/components/issues/issue-detail-widgets/root.tsx index 040fd2c2ff4..4a9c6d11022 100644 --- a/web/core/components/issues/issue-detail-widgets/root.tsx +++ b/web/core/components/issues/issue-detail-widgets/root.tsx @@ -1,5 +1,8 @@ "use client"; + import React, { FC } from "react"; +// plane imports +import { TIssueServiceType } from "@plane/types"; // components import { IssueDetailWidgetActionButtons, @@ -7,16 +10,29 @@ import { IssueDetailWidgetModals, } from "@/components/issues/issue-detail-widgets"; +export type TWorkItemWidgets = "sub-work-items" | "relations" | "links" | "attachments"; + type Props = { workspaceSlug: string; projectId: string; issueId: string; disabled: boolean; renderWidgetModals?: boolean; + issueServiceType: TIssueServiceType; + hideWidgets?: TWorkItemWidgets[]; }; export const IssueDetailWidgets: FC = (props) => { - const { workspaceSlug, projectId, issueId, disabled, renderWidgetModals = true } = props; + const { + workspaceSlug, + projectId, + issueId, + disabled, + renderWidgetModals = true, + issueServiceType, + hideWidgets, + } = props; + return ( <>
@@ -25,16 +41,25 @@ export const IssueDetailWidgets: FC = (props) => { projectId={projectId} issueId={issueId} disabled={disabled} + issueServiceType={issueServiceType} + hideWidgets={hideWidgets} />
{renderWidgetModals && ( - + )} ); diff --git a/web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx b/web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx index d200afc5f7a..7f1b9c6c718 100644 --- a/web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx +++ b/web/core/components/issues/issue-detail-widgets/sub-issues/quick-action-button.tsx @@ -2,7 +2,7 @@ import React, { FC } from "react"; import { observer } from "mobx-react"; import { LayersIcon, Plus } from "lucide-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { useTranslation } from "@plane/i18n"; import { TIssue, TIssueServiceType } from "@plane/types"; import { CustomMenu } from "@plane/ui"; @@ -13,11 +13,12 @@ type Props = { issueId: string; customButton?: React.ReactNode; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const SubIssuesActionButton: FC = observer((props) => { - const { issueId, customButton, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { issueId, customButton, disabled = false, issueServiceType } = props; + // translation const { t } = useTranslation(); // store hooks const { diff --git a/web/core/components/issues/issue-detail-widgets/sub-issues/root.tsx b/web/core/components/issues/issue-detail-widgets/sub-issues/root.tsx index 5ead3bc5f4d..a9b0c897519 100644 --- a/web/core/components/issues/issue-detail-widgets/sub-issues/root.tsx +++ b/web/core/components/issues/issue-detail-widgets/sub-issues/root.tsx @@ -1,7 +1,7 @@ "use client"; import React, { FC } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; import { Collapsible } from "@plane/ui"; // components @@ -14,15 +14,13 @@ type Props = { projectId: string; issueId: string; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const SubIssuesCollapsible: FC = observer((props) => { - const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; - + const { workspaceSlug, projectId, issueId, disabled = false, issueServiceType } = props; // store hooks const { openWidgets, toggleOpenWidget } = useIssueDetail(issueServiceType); - // derived state const isCollapsibleOpen = openWidgets.includes("sub-issues"); diff --git a/web/core/components/issues/issue-detail/links/create-update-link-modal.tsx b/web/core/components/issues/issue-detail/links/create-update-link-modal.tsx index 8ddd77f8779..f2c62919f47 100644 --- a/web/core/components/issues/issue-detail/links/create-update-link-modal.tsx +++ b/web/core/components/issues/issue-detail/links/create-update-link-modal.tsx @@ -3,7 +3,6 @@ import { FC, useEffect } from "react"; import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; -import { EIssueServiceType } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; // plane types import type { TIssueLinkEditableFields, TIssueServiceType } from "@plane/types"; @@ -24,7 +23,7 @@ export type TIssueLinkCreateEditModal = { isModalOpen: boolean; handleOnClose?: () => void; linkOperations: TLinkOperationsModal; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; const defaultValues: TIssueLinkCreateFormFieldOptions = { @@ -33,10 +32,9 @@ const defaultValues: TIssueLinkCreateFormFieldOptions = { }; export const IssueLinkCreateUpdateModal: FC = observer((props) => { + const { isModalOpen, handleOnClose, linkOperations, issueServiceType } = props; // i18n const { t } = useTranslation(); - // props - const { isModalOpen, handleOnClose, linkOperations, issueServiceType = EIssueServiceType.ISSUES } = props; // react hook form const { formState: { errors, isSubmitting }, diff --git a/web/core/components/issues/issue-detail/links/link-list.tsx b/web/core/components/issues/issue-detail/links/link-list.tsx index 7ca128b988e..01c75707418 100644 --- a/web/core/components/issues/issue-detail/links/link-list.tsx +++ b/web/core/components/issues/issue-detail/links/link-list.tsx @@ -1,11 +1,11 @@ import { FC } from "react"; import { observer } from "mobx-react"; -import { EIssueServiceType } from "@plane/constants"; +// plane imports import { TIssueServiceType } from "@plane/types"; // computed import { useIssueDetail } from "@/hooks/store"; +// local imports import { IssueLinkItem } from "./link-item"; -// hooks import { TLinkOperations } from "./root"; type TLinkOperationsModal = Exclude; @@ -14,12 +14,12 @@ type TLinkList = { issueId: string; linkOperations: TLinkOperationsModal; disabled?: boolean; - issueServiceType?: TIssueServiceType; + issueServiceType: TIssueServiceType; }; export const LinkList: FC = observer((props) => { // props - const { issueId, linkOperations, disabled = false, issueServiceType = EIssueServiceType.ISSUES } = props; + const { issueId, linkOperations, disabled = false, issueServiceType } = props; // hooks const { link: { getLinksByIssueId }, diff --git a/web/core/components/issues/issue-detail/links/root.tsx b/web/core/components/issues/issue-detail/links/root.tsx index b2fb4fb5521..e37f1cadc58 100644 --- a/web/core/components/issues/issue-detail/links/root.tsx +++ b/web/core/components/issues/issue-detail/links/root.tsx @@ -2,15 +2,15 @@ import { FC, useCallback, useMemo, useState } from "react"; import { Plus } from "lucide-react"; +// plane imports +import { EIssueServiceType } from "@plane/constants"; import { TIssueLink } from "@plane/types"; -// hooks import { TOAST_TYPE, setToast } from "@plane/ui"; +// hooks import { useIssueDetail } from "@/hooks/store"; -// ui -// components +// local imports import { IssueLinkCreateUpdateModal } from "./create-update-link-modal"; import { IssueLinkList } from "./links"; -// types export type TLinkOperations = { create: (data: Partial) => Promise; @@ -90,7 +90,7 @@ export const IssueLinkRoot: FC = (props) => { title: "Link removed", }); toggleIssueLinkModal(false); - } catch (error) { + } catch { setToast({ message: "The link could not be removed", type: TOAST_TYPE.ERROR, @@ -112,6 +112,7 @@ export const IssueLinkRoot: FC = (props) => { isModalOpen={isIssueLinkModal} handleOnClose={handleOnClose} linkOperations={handleLinkOperations} + issueServiceType={EIssueServiceType.ISSUES} />
diff --git a/web/core/components/issues/issue-detail/main-content.tsx b/web/core/components/issues/issue-detail/main-content.tsx index dff83d33331..ab7f4ff52bc 100644 --- a/web/core/components/issues/issue-detail/main-content.tsx +++ b/web/core/components/issues/issue-detail/main-content.tsx @@ -3,6 +3,7 @@ import { useEffect, useRef, useState } from "react"; import { observer } from "mobx-react"; // plane imports +import { EIssueServiceType } from "@plane/constants"; import { EditorRefApi } from "@plane/editor"; import { TNameDescriptionLoader } from "@plane/types"; // components @@ -178,6 +179,7 @@ export const IssueMainContent: React.FC = observer((props) => { issueId={issueId} disabled={!isEditable || isArchived} renderWidgetModals={!isPeekModeActive} + issueServiceType={EIssueServiceType.ISSUES} /> {windowSize[0] < 768 && ( diff --git a/web/core/components/issues/peek-overview/view.tsx b/web/core/components/issues/peek-overview/view.tsx index 7eb8786d76d..72bca2408f0 100644 --- a/web/core/components/issues/peek-overview/view.tsx +++ b/web/core/components/issues/peek-overview/view.tsx @@ -199,6 +199,7 @@ export const IssueView: FC = observer((props) => { projectId={projectId} issueId={issueId} disabled={disabled || is_archived} + issueServiceType={EIssueServiceType.ISSUES} />
@@ -238,6 +239,7 @@ export const IssueView: FC = observer((props) => { projectId={projectId} issueId={issueId} disabled={disabled} + issueServiceType={EIssueServiceType.ISSUES} />