From 244986554ce66a368e4b004351c6858c78d8b6ed Mon Sep 17 00:00:00 2001 From: Aaryan Khandelwal <65252264+aaryan610@users.noreply.github.com> Date: Fri, 14 Jun 2024 17:12:39 +0530 Subject: [PATCH] chore: move modal core components to the UI package (#4794) * chore: move modal core components to the UI package * fix: build errors --- packages/ui/src/index.ts | 1 + .../ui/src}/modals/alert-modal.tsx | 11 ++++++----- packages/ui/src/modals/constants.ts | 11 +++++++++++ packages/ui/src/modals/index.ts | 3 +++ .../ui/src}/modals/modal-core.tsx | 18 ++++-------------- .../api-token/delete-token-modal.tsx | 4 +--- .../api-token/modal/create-token-modal.tsx | 3 +-- web/core/components/core/modals/index.ts | 2 -- web/core/components/cycles/delete-modal.tsx | 4 +--- web/core/components/cycles/modal.tsx | 3 +-- web/core/components/estimates/create/modal.tsx | 5 +++-- web/core/components/estimates/delete/modal.tsx | 5 ++--- .../inbox/modals/create-edit-modal/modal.tsx | 3 ++- .../inbox/modals/decline-issue-modal.tsx | 4 ++-- .../inbox/modals/delete-issue-modal.tsx | 4 ++-- .../attachment/delete-attachment-modal.tsx | 5 +++-- .../components/issues/delete-issue-modal.tsx | 4 +--- .../components/issues/issue-modal/modal.tsx | 4 +--- .../components/labels/delete-label-modal.tsx | 4 +--- .../components/modules/delete-module-modal.tsx | 4 +--- web/core/components/modules/modal.tsx | 3 +-- .../pages/modals/create-page-modal.tsx | 3 ++- .../pages/modals/delete-page-modal.tsx | 4 +--- .../project/publish-project/modal.tsx | 4 +--- .../components/states/delete-state-modal.tsx | 4 +--- .../components/views/delete-view-modal.tsx | 4 +--- web/core/components/views/modal.tsx | 3 +-- .../web-hooks/create-webhook-modal.tsx | 4 +--- .../web-hooks/delete-webhook-modal.tsx | 4 +--- .../workspace/views/delete-view-modal.tsx | 4 +--- web/core/components/workspace/views/modal.tsx | 3 +-- 31 files changed, 59 insertions(+), 83 deletions(-) rename {web/core/components/core => packages/ui/src}/modals/alert-modal.tsx (91%) create mode 100644 packages/ui/src/modals/constants.ts create mode 100644 packages/ui/src/modals/index.ts rename {web/core/components/core => packages/ui/src}/modals/modal-core.tsx (82%) diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts index e0bb66c33..8b66c794d 100644 --- a/packages/ui/src/index.ts +++ b/packages/ui/src/index.ts @@ -7,6 +7,7 @@ export * from "./dropdowns"; export * from "./dropdown"; export * from "./form-fields"; export * from "./icons"; +export * from "./modals"; export * from "./progress"; export * from "./spinners"; export * from "./tooltip"; diff --git a/web/core/components/core/modals/alert-modal.tsx b/packages/ui/src/modals/alert-modal.tsx similarity index 91% rename from web/core/components/core/modals/alert-modal.tsx rename to packages/ui/src/modals/alert-modal.tsx index c8df8787b..eb32d57ea 100644 --- a/web/core/components/core/modals/alert-modal.tsx +++ b/packages/ui/src/modals/alert-modal.tsx @@ -1,11 +1,12 @@ -"use client"; +import React from "react"; import { AlertTriangle, Info, LucideIcon } from "lucide-react"; -// ui -import { Button, TButtonVariant } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; +import { Button, TButtonVariant } from "../button"; +import { ModalCore } from "./modal-core"; +// constants +import { EModalPosition, EModalWidth } from "./constants"; // helpers -import { cn } from "@/helpers/common.helper"; +import { cn } from "../../helpers"; export type TModalVariant = "danger" | "primary"; diff --git a/packages/ui/src/modals/constants.ts b/packages/ui/src/modals/constants.ts new file mode 100644 index 000000000..fd0c82831 --- /dev/null +++ b/packages/ui/src/modals/constants.ts @@ -0,0 +1,11 @@ +export enum EModalPosition { + TOP = "flex items-center justify-center text-center mx-4 my-10 md:my-20", + CENTER = "flex items-end sm:items-center justify-center p-4 min-h-full", +} + +export enum EModalWidth { + XL = "sm:max-w-xl", + XXL = "sm:max-w-2xl", + XXXL = "sm:max-w-3xl", + XXXXL = "sm:max-w-4xl", +} diff --git a/packages/ui/src/modals/index.ts b/packages/ui/src/modals/index.ts new file mode 100644 index 000000000..964864f7b --- /dev/null +++ b/packages/ui/src/modals/index.ts @@ -0,0 +1,3 @@ +export * from "./alert-modal"; +export * from "./constants"; +export * from "./modal-core"; diff --git a/web/core/components/core/modals/modal-core.tsx b/packages/ui/src/modals/modal-core.tsx similarity index 82% rename from web/core/components/core/modals/modal-core.tsx rename to packages/ui/src/modals/modal-core.tsx index be1b2ad05..8a342c5aa 100644 --- a/web/core/components/core/modals/modal-core.tsx +++ b/packages/ui/src/modals/modal-core.tsx @@ -1,19 +1,9 @@ -import { Fragment } from "react"; +import React, { Fragment } from "react"; import { Dialog, Transition } from "@headlessui/react"; +// constants +import { EModalPosition, EModalWidth } from "./constants"; // helpers -import { cn } from "@/helpers/common.helper"; - -export enum EModalPosition { - TOP = "flex items-center justify-center text-center mx-4 my-10 md:my-20", - CENTER = "flex items-end sm:items-center justify-center p-4 min-h-full", -} - -export enum EModalWidth { - XL = "sm:max-w-xl", - XXL = "sm:max-w-2xl", - XXXL = "sm:max-w-3xl", - XXXXL = "sm:max-w-4xl", -} +import { cn } from "../../helpers"; type Props = { children: React.ReactNode; diff --git a/web/core/components/api-token/delete-token-modal.tsx b/web/core/components/api-token/delete-token-modal.tsx index 2db999b7f..4e7d15fdf 100644 --- a/web/core/components/api-token/delete-token-modal.tsx +++ b/web/core/components/api-token/delete-token-modal.tsx @@ -6,9 +6,7 @@ import { mutate } from "swr"; // types import { IApiToken } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // fetch-keys import { API_TOKENS_LIST } from "@/constants/fetch-keys"; // services diff --git a/web/core/components/api-token/modal/create-token-modal.tsx b/web/core/components/api-token/modal/create-token-modal.tsx index bf565dd66..62c245605 100644 --- a/web/core/components/api-token/modal/create-token-modal.tsx +++ b/web/core/components/api-token/modal/create-token-modal.tsx @@ -6,10 +6,9 @@ import { mutate } from "swr"; // types import { IApiToken } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components import { CreateApiTokenForm, GeneratedTokenDetails } from "@/components/api-token"; -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; // fetch-keys import { API_TOKENS_LIST } from "@/constants/fetch-keys"; // helpers diff --git a/web/core/components/core/modals/index.ts b/web/core/components/core/modals/index.ts index 71068ca17..a95c22114 100644 --- a/web/core/components/core/modals/index.ts +++ b/web/core/components/core/modals/index.ts @@ -1,9 +1,7 @@ -export * from "./alert-modal"; export * from "./bulk-delete-issues-modal"; export * from "./existing-issues-list-modal"; export * from "./gpt-assistant-popover"; export * from "./link-modal"; -export * from "./modal-core"; export * from "./user-image-upload-modal"; export * from "./workspace-image-upload-modal"; export * from "./issue-search-modal-empty-state"; diff --git a/web/core/components/cycles/delete-modal.tsx b/web/core/components/cycles/delete-modal.tsx index 71e407944..38217719d 100644 --- a/web/core/components/cycles/delete-modal.tsx +++ b/web/core/components/cycles/delete-modal.tsx @@ -6,9 +6,7 @@ import { useParams, useRouter, useSearchParams } from "next/navigation"; // types import { ICycle } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { CYCLE_DELETED } from "@/constants/event-tracker"; // hooks diff --git a/web/core/components/cycles/modal.tsx b/web/core/components/cycles/modal.tsx index 5bb417a3b..c6f78a256 100644 --- a/web/core/components/cycles/modal.tsx +++ b/web/core/components/cycles/modal.tsx @@ -4,9 +4,8 @@ import React, { useEffect, useState } from "react"; // types import type { CycleDateCheckData, ICycle, TCycleTabOptions } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { CycleForm } from "@/components/cycles"; // constants import { CYCLE_CREATED, CYCLE_UPDATED } from "@/constants/event-tracker"; diff --git a/web/core/components/estimates/create/modal.tsx b/web/core/components/estimates/create/modal.tsx index 0302b1de8..3eee4fc01 100644 --- a/web/core/components/estimates/create/modal.tsx +++ b/web/core/components/estimates/create/modal.tsx @@ -3,10 +3,11 @@ import { FC, useEffect, useMemo, useState } from "react"; import { observer } from "mobx-react"; import { ChevronLeft } from "lucide-react"; +// types import { IEstimateFormData, TEstimateSystemKeys, TEstimatePointsObject, TEstimateTypeError } from "@plane/types"; -import { Button, TOAST_TYPE, setToast } from "@plane/ui"; +// ui +import { Button, EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { EstimateCreateStageOne, EstimatePointCreateRoot } from "@/components/estimates"; // hooks import { useProjectEstimates } from "@/hooks/store"; diff --git a/web/core/components/estimates/delete/modal.tsx b/web/core/components/estimates/delete/modal.tsx index b7e8df153..5ad704249 100644 --- a/web/core/components/estimates/delete/modal.tsx +++ b/web/core/components/estimates/delete/modal.tsx @@ -2,9 +2,8 @@ import { FC, useState } from "react"; import { observer } from "mobx-react"; -import { Button, TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; +// ui +import { Button, EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useEstimate, useProject, useProjectEstimates } from "@/hooks/store"; diff --git a/web/core/components/inbox/modals/create-edit-modal/modal.tsx b/web/core/components/inbox/modals/create-edit-modal/modal.tsx index 2b6493ec9..5d51477b6 100644 --- a/web/core/components/inbox/modals/create-edit-modal/modal.tsx +++ b/web/core/components/inbox/modals/create-edit-modal/modal.tsx @@ -1,8 +1,9 @@ import { FC } from "react"; // types import { TIssue } from "@plane/types"; +// ui +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { InboxIssueCreateRoot, InboxIssueEditRoot } from "@/components/inbox/modals/create-edit-modal"; type TInboxIssueCreateEditModalRoot = { diff --git a/web/core/components/inbox/modals/decline-issue-modal.tsx b/web/core/components/inbox/modals/decline-issue-modal.tsx index 4ca784ec1..13294201d 100644 --- a/web/core/components/inbox/modals/decline-issue-modal.tsx +++ b/web/core/components/inbox/modals/decline-issue-modal.tsx @@ -1,8 +1,8 @@ import React, { useState } from "react"; // types import type { TIssue } from "@plane/types"; -// components -import { AlertModalCore } from "@/components/core"; +// ui +import { AlertModalCore } from "@plane/ui"; // hooks import { useProject } from "@/hooks/store"; diff --git a/web/core/components/inbox/modals/delete-issue-modal.tsx b/web/core/components/inbox/modals/delete-issue-modal.tsx index 5ad88d1c5..1ab84d8e7 100644 --- a/web/core/components/inbox/modals/delete-issue-modal.tsx +++ b/web/core/components/inbox/modals/delete-issue-modal.tsx @@ -2,8 +2,8 @@ import React, { useState } from "react"; import { observer } from "mobx-react"; // types import type { TIssue } from "@plane/types"; -// components -import { AlertModalCore } from "@/components/core"; +// ui +import { AlertModalCore } from "@plane/ui"; // hooks import { useProject } from "@/hooks/store"; diff --git a/web/core/components/issues/attachment/delete-attachment-modal.tsx b/web/core/components/issues/attachment/delete-attachment-modal.tsx index 98687f538..571e6bcf6 100644 --- a/web/core/components/issues/attachment/delete-attachment-modal.tsx +++ b/web/core/components/issues/attachment/delete-attachment-modal.tsx @@ -1,7 +1,8 @@ import { FC, useState } from "react"; +// types import type { TIssueAttachment } from "@plane/types"; -// components -import { AlertModalCore } from "@/components/core"; +// ui +import { AlertModalCore } from "@plane/ui"; // helper import { getFileName } from "@/helpers/attachment.helper"; // types diff --git a/web/core/components/issues/delete-issue-modal.tsx b/web/core/components/issues/delete-issue-modal.tsx index d6fbe1260..a6a62d812 100644 --- a/web/core/components/issues/delete-issue-modal.tsx +++ b/web/core/components/issues/delete-issue-modal.tsx @@ -4,9 +4,7 @@ import { useEffect, useState } from "react"; // types import { TIssue } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useIssues, useProject } from "@/hooks/store"; diff --git a/web/core/components/issues/issue-modal/modal.tsx b/web/core/components/issues/issue-modal/modal.tsx index bfd20cb98..e6fa19c2c 100644 --- a/web/core/components/issues/issue-modal/modal.tsx +++ b/web/core/components/issues/issue-modal/modal.tsx @@ -6,9 +6,7 @@ import { usePathname } from "next/navigation"; // types import type { TIssue } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { ISSUE_CREATED, ISSUE_UPDATED } from "@/constants/event-tracker"; import { EIssuesStoreType } from "@/constants/issue"; diff --git a/web/core/components/labels/delete-label-modal.tsx b/web/core/components/labels/delete-label-modal.tsx index c3e3bed3e..dfad0aeff 100644 --- a/web/core/components/labels/delete-label-modal.tsx +++ b/web/core/components/labels/delete-label-modal.tsx @@ -6,9 +6,7 @@ import { useParams } from "next/navigation"; // types import type { IIssueLabel } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useLabel } from "@/hooks/store"; diff --git a/web/core/components/modules/delete-module-modal.tsx b/web/core/components/modules/delete-module-modal.tsx index 32ac29e30..955a23458 100644 --- a/web/core/components/modules/delete-module-modal.tsx +++ b/web/core/components/modules/delete-module-modal.tsx @@ -6,9 +6,7 @@ import { useParams, useRouter } from "next/navigation"; // types import type { IModule } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { MODULE_DELETED } from "@/constants/event-tracker"; // hooks diff --git a/web/core/components/modules/modal.tsx b/web/core/components/modules/modal.tsx index 463b18188..667e15da9 100644 --- a/web/core/components/modules/modal.tsx +++ b/web/core/components/modules/modal.tsx @@ -6,9 +6,8 @@ import { useForm } from "react-hook-form"; // types import type { IModule } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { ModuleForm } from "@/components/modules"; // constants import { MODULE_CREATED, MODULE_UPDATED } from "@/constants/event-tracker"; diff --git a/web/core/components/pages/modals/create-page-modal.tsx b/web/core/components/pages/modals/create-page-modal.tsx index b98697554..9a02fda94 100644 --- a/web/core/components/pages/modals/create-page-modal.tsx +++ b/web/core/components/pages/modals/create-page-modal.tsx @@ -2,8 +2,9 @@ import { FC, useEffect, useState } from "react"; import { useRouter } from "next/navigation"; // types import { TPage } from "@plane/types"; +// ui +import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { PageForm } from "@/components/pages"; // constants import { PAGE_CREATED } from "@/constants/event-tracker"; diff --git a/web/core/components/pages/modals/delete-page-modal.tsx b/web/core/components/pages/modals/delete-page-modal.tsx index ac1b24f06..8cd000cf2 100644 --- a/web/core/components/pages/modals/delete-page-modal.tsx +++ b/web/core/components/pages/modals/delete-page-modal.tsx @@ -3,9 +3,7 @@ import React, { useState } from "react"; import { observer } from "mobx-react"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { PAGE_DELETED } from "@/constants/event-tracker"; // hooks diff --git a/web/core/components/project/publish-project/modal.tsx b/web/core/components/project/publish-project/modal.tsx index 8c2830995..fff9d532a 100644 --- a/web/core/components/project/publish-project/modal.tsx +++ b/web/core/components/project/publish-project/modal.tsx @@ -8,9 +8,7 @@ import { Check, ExternalLink, Globe2 } from "lucide-react"; // types import { IProject, TProjectPublishLayouts, TPublishSettings } from "@plane/types"; // ui -import { Button, Loader, ToggleSwitch, TOAST_TYPE, setToast, CustomSelect } from "@plane/ui"; -// components -import { EModalWidth, ModalCore } from "@/components/core"; +import { Button, Loader, ToggleSwitch, TOAST_TYPE, setToast, CustomSelect, ModalCore, EModalWidth } from "@plane/ui"; // helpers import { SPACE_BASE_URL } from "@/helpers/common.helper"; import { copyTextToClipboard } from "@/helpers/string.helper"; diff --git a/web/core/components/states/delete-state-modal.tsx b/web/core/components/states/delete-state-modal.tsx index 7cdb36597..de66c3b49 100644 --- a/web/core/components/states/delete-state-modal.tsx +++ b/web/core/components/states/delete-state-modal.tsx @@ -6,9 +6,7 @@ import { useParams } from "next/navigation"; // types import type { IState } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { STATE_DELETED } from "@/constants/event-tracker"; // hooks diff --git a/web/core/components/views/delete-view-modal.tsx b/web/core/components/views/delete-view-modal.tsx index 2093f6151..9824669c5 100644 --- a/web/core/components/views/delete-view-modal.tsx +++ b/web/core/components/views/delete-view-modal.tsx @@ -6,9 +6,7 @@ import { useParams } from "next/navigation"; // types import { IProjectView } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useProjectView } from "@/hooks/store"; diff --git a/web/core/components/views/modal.tsx b/web/core/components/views/modal.tsx index 9d44216cc..d4d65c06b 100644 --- a/web/core/components/views/modal.tsx +++ b/web/core/components/views/modal.tsx @@ -5,9 +5,8 @@ import { observer } from "mobx-react"; // types import { IProjectView } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { ProjectViewForm } from "@/components/views"; // hooks import { useProjectView } from "@/hooks/store"; diff --git a/web/core/components/web-hooks/create-webhook-modal.tsx b/web/core/components/web-hooks/create-webhook-modal.tsx index 31dc0723c..4d9f8927e 100644 --- a/web/core/components/web-hooks/create-webhook-modal.tsx +++ b/web/core/components/web-hooks/create-webhook-modal.tsx @@ -5,9 +5,7 @@ import { useParams } from "next/navigation"; // types import { IWebhook, IWorkspace, TWebhookEventTypes } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // helpers import { csvDownload } from "@/helpers/download.helper"; // components diff --git a/web/core/components/web-hooks/delete-webhook-modal.tsx b/web/core/components/web-hooks/delete-webhook-modal.tsx index 6449d1e26..eda3123b3 100644 --- a/web/core/components/web-hooks/delete-webhook-modal.tsx +++ b/web/core/components/web-hooks/delete-webhook-modal.tsx @@ -3,9 +3,7 @@ import React, { FC, useState } from "react"; import { useParams, useRouter } from "next/navigation"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // hooks import { useWebhook } from "@/hooks/store"; diff --git a/web/core/components/workspace/views/delete-view-modal.tsx b/web/core/components/workspace/views/delete-view-modal.tsx index d726d9837..ac1722177 100644 --- a/web/core/components/workspace/views/delete-view-modal.tsx +++ b/web/core/components/workspace/views/delete-view-modal.tsx @@ -6,9 +6,7 @@ import { useParams } from "next/navigation"; // types import { IWorkspaceView } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; -// components -import { AlertModalCore } from "@/components/core"; +import { AlertModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // constants import { GLOBAL_VIEW_DELETED } from "@/constants/event-tracker"; // hooks diff --git a/web/core/components/workspace/views/modal.tsx b/web/core/components/workspace/views/modal.tsx index 2b5eb9dcf..88fee2839 100644 --- a/web/core/components/workspace/views/modal.tsx +++ b/web/core/components/workspace/views/modal.tsx @@ -6,9 +6,8 @@ import { useParams, useRouter } from "next/navigation"; // types import { IWorkspaceView } from "@plane/types"; // ui -import { TOAST_TYPE, setToast } from "@plane/ui"; +import { EModalPosition, EModalWidth, ModalCore, TOAST_TYPE, setToast } from "@plane/ui"; // components -import { EModalPosition, EModalWidth, ModalCore } from "@/components/core"; import { WorkspaceViewForm } from "@/components/workspace"; // constants import { GLOBAL_VIEW_CREATED, GLOBAL_VIEW_UPDATED } from "@/constants/event-tracker";