refactor: remove command palette & sidebar components and related files from web/app/ce

2026-07-12 05:21:14 +02:00 · 2026-06-16 10:26:30 +05:30
parent 3e6f7ab9d0
commit b1def9316e
16 changed files with 8 additions and 291 deletions
--- a/apps/web/ce/components/command-palette/actions/index.ts
+++ b/apps/web/ce/components/command-palette/actions/index.ts
@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export * from "./work-item-actions";
--- a/apps/web/ce/components/command-palette/actions/work-item-actions/change-state-list.tsx
+++ b/apps/web/ce/components/command-palette/actions/work-item-actions/change-state-list.tsx
@@ -1,55 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-import { Command } from "cmdk";
-import { observer } from "mobx-react";
-import { EIconSize } from "@plane/constants";
-// plane imports
-import { CheckIcon, StateGroupIcon } from "@plane/propel/icons";
-import { Spinner } from "@plane/ui";
-// store hooks
-import { useProjectState } from "@/hooks/store/use-project-state";
-
-export type TChangeWorkItemStateListProps = {
-  projectId: string | null;
-  currentStateId: string | null;
-  handleStateChange: (stateId: string) => void;
-};
-
-export const ChangeWorkItemStateList = observer(function ChangeWorkItemStateList(props: TChangeWorkItemStateListProps) {
-  const { projectId, currentStateId, handleStateChange } = props;
-  // store hooks
-  const { getProjectStates } = useProjectState();
-  // derived values
-  const projectStates = getProjectStates(projectId);
-
-  return (
-    <>
-      {projectStates ? (
-        projectStates.length > 0 ? (
-          projectStates.map((state) => (
-            <Command.Item key={state.id} onSelect={() => handleStateChange(state.id)} className="focus:outline-none">
-              <div className="flex items-center space-x-3">
-                <StateGroupIcon
-                  stateGroup={state.group}
-                  color={state.color}
-                  size={EIconSize.LG}
-                  percentage={state?.order}
-                />
-                <p>{state.name}</p>
-              </div>
-              <div>{state.id === currentStateId && <CheckIcon className="h-3 w-3" />}</div>
-            </Command.Item>
-          ))
-        ) : (
-          <div className="text-center">No states found</div>
-        )
-      ) : (
-        <Spinner />
-      )}
-    </>
-  );
-});
--- a/apps/web/ce/components/command-palette/actions/work-item-actions/index.ts
+++ b/apps/web/ce/components/command-palette/actions/work-item-actions/index.ts
@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export * from "./change-state-list";
--- a/apps/web/ce/components/command-palette/helpers.tsx
+++ b/apps/web/ce/components/command-palette/helpers.tsx
@@ -1,116 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-import { LayoutGrid } from "lucide-react";
-// plane imports
-import { CycleIcon, ModuleIcon, PageIcon, ProjectIcon, ViewsIcon } from "@plane/propel/icons";
-import type {
-  IWorkspaceDefaultSearchResult,
-  IWorkspaceIssueSearchResult,
-  IWorkspacePageSearchResult,
-  IWorkspaceProjectSearchResult,
-  IWorkspaceSearchResult,
-} from "@plane/types";
-import { generateWorkItemLink } from "@plane/utils";
-// plane web components
-import { IssueIdentifier } from "@/plane-web/components/issues/issue-details/issue-identifier";
-
-export type TCommandGroups = {
-  [key: string]: {
-    icon: React.ReactNode | null;
-    itemName: (item: any) => React.ReactNode;
-    path: (item: any, projectId: string | undefined) => string;
-    title: string;
-  };
-};
-
-export const commandGroups: TCommandGroups = {
-  cycle: {
-    icon: <CycleIcon className="h-3 w-3" />,
-    itemName: (cycle: IWorkspaceDefaultSearchResult) => (
-      <h6>
-        <span className="text-11 text-tertiary">{cycle.project__identifier}</span> {cycle.name}
-      </h6>
-    ),
-    path: (cycle: IWorkspaceDefaultSearchResult) =>
-      `/${cycle?.workspace__slug}/projects/${cycle?.project_id}/cycles/${cycle?.id}`,
-    title: "Cycles",
-  },
-  issue: {
-    icon: null,
-    itemName: (issue: IWorkspaceIssueSearchResult) => (
-      <div className="flex gap-2">
-        <IssueIdentifier
-          projectId={issue.project_id}
-          issueTypeId={issue.type_id}
-          projectIdentifier={issue.project__identifier}
-          issueSequenceId={issue.sequence_id}
-          size="xs"
-        />{" "}
-        {issue.name}
-      </div>
-    ),
-    path: (issue: IWorkspaceIssueSearchResult) =>
-      generateWorkItemLink({
-        workspaceSlug: issue?.workspace__slug,
-        projectId: issue?.project_id,
-        issueId: issue?.id,
-        projectIdentifier: issue.project__identifier,
-        sequenceId: issue?.sequence_id,
-      }),
-    title: "Work items",
-  },
-  issue_view: {
-    icon: <ViewsIcon className="h-3 w-3" />,
-    itemName: (view: IWorkspaceDefaultSearchResult) => (
-      <h6>
-        <span className="text-11 text-tertiary">{view.project__identifier}</span> {view.name}
-      </h6>
-    ),
-    path: (view: IWorkspaceDefaultSearchResult) =>
-      `/${view?.workspace__slug}/projects/${view?.project_id}/views/${view?.id}`,
-    title: "Views",
-  },
-  module: {
-    icon: <ModuleIcon className="h-3 w-3" />,
-    itemName: (module: IWorkspaceDefaultSearchResult) => (
-      <h6>
-        <span className="text-11 text-tertiary">{module.project__identifier}</span> {module.name}
-      </h6>
-    ),
-    path: (module: IWorkspaceDefaultSearchResult) =>
-      `/${module?.workspace__slug}/projects/${module?.project_id}/modules/${module?.id}`,
-    title: "Modules",
-  },
-  page: {
-    icon: <PageIcon className="h-3 w-3" />,
-    itemName: (page: IWorkspacePageSearchResult) => (
-      <h6>
-        <span className="text-11 text-tertiary">{page.project__identifiers?.[0]}</span> {page.name}
-      </h6>
-    ),
-    path: (page: IWorkspacePageSearchResult, projectId: string | undefined) => {
-      let redirectProjectId = page?.project_ids?.[0];
-      if (!!projectId && page?.project_ids?.includes(projectId)) redirectProjectId = projectId;
-      return redirectProjectId
-        ? `/${page?.workspace__slug}/projects/${redirectProjectId}/pages/${page?.id}`
-        : `/${page?.workspace__slug}/wiki/${page?.id}`;
-    },
-    title: "Pages",
-  },
-  project: {
-    icon: <ProjectIcon className="h-3 w-3" />,
-    itemName: (project: IWorkspaceProjectSearchResult) => project?.name,
-    path: (project: IWorkspaceProjectSearchResult) => `/${project?.workspace__slug}/projects/${project?.id}/issues/`,
-    title: "Projects",
-  },
-  workspace: {
-    icon: <LayoutGrid className="h-3 w-3" />,
-    itemName: (workspace: IWorkspaceSearchResult) => workspace?.name,
-    path: (workspace: IWorkspaceSearchResult) => `/${workspace?.slug}/`,
-    title: "Workspaces",
-  },
-};
--- a/apps/web/ce/components/command-palette/index.ts
+++ b/apps/web/ce/components/command-palette/index.ts
@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export * from "./actions";
-export * from "./helpers";
--- a/apps/web/ce/components/common/quick-actions-factory.tsx
+++ b/apps/web/ce/components/common/quick-actions-factory.tsx
@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export { useQuickActionsFactory } from "@/components/common/quick-actions-factory";
--- a/apps/web/ce/components/issues/filters/applied-filters/issue-types.tsx
+++ b/apps/web/ce/components/issues/filters/applied-filters/issue-types.tsx
@@ -1,17 +0,0 @@
-/**
- * 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";
-
-type Props = {
-  handleRemove: (val: string) => void;
-  values: string[];
-  editable: boolean | undefined;
-};
-
-export const AppliedIssueTypeFilters = observer(function AppliedIssueTypeFilters(_props: Props) {
-  return null;
-});
--- a/apps/web/ce/components/issues/filters/team-project.tsx
+++ b/apps/web/ce/components/issues/filters/team-project.tsx
@@ -1,17 +0,0 @@
-/**
- * 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";
-
-type Props = {
-  appliedFilters: string[] | null;
-  handleUpdate: (val: string) => void;
-  searchQuery: string;
-};
-
-export const FilterTeamProjects = observer(function FilterTeamProjects(_props: Props) {
-  return null;
-});
--- a/apps/web/ce/components/projects/settings/features-list.tsx
+++ b/apps/web/ce/components/projects/settings/features-list.tsx
@@ -1,7 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export { ProjectFeaturesList } from "@/components/project/settings/features-list";
--- a/apps/web/ce/components/sidebar/app-switcher.tsx
+++ b/apps/web/ce/components/sidebar/app-switcher.tsx
@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export function SidebarAppSwitcher() {
-  return null;
-}
--- a/apps/web/ce/components/sidebar/index.ts
+++ b/apps/web/ce/components/sidebar/index.ts
@@ -1,8 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-export * from "./app-switcher";
-export * from "./project-navigation-root";
--- a/apps/web/ce/components/sidebar/project-navigation-root.tsx
+++ b/apps/web/ce/components/sidebar/project-navigation-root.tsx
@@ -1,18 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-// components
-import { ProjectNavigation } from "@/components/workspace/sidebar/project-navigation";
-
-type TProjectItemsRootProps = {
-  workspaceSlug: string;
-  projectId: string;
-};
-
-export function ProjectNavigationRoot(props: TProjectItemsRootProps) {
-  const { workspaceSlug, projectId } = props;
-  return <ProjectNavigation workspaceSlug={workspaceSlug} projectId={projectId} />;
-}
--- a/apps/web/ce/components/workspace/app-switcher.tsx
+++ b/apps/web/ce/components/workspace/app-switcher.tsx
@@ -1,11 +0,0 @@
-/**
- * Copyright (c) 2023-present Plane Software, Inc. and contributors
- * SPDX-License-Identifier: AGPL-3.0-only
- * See the LICENSE file for details.
- */
-
-import React from "react";
-
-export function WorkspaceAppSwitcher() {
-  return <></>;
-}
--- a/apps/web/core/components/common/quick-actions-helper.tsx
+++ b/apps/web/core/components/common/quick-actions-helper.tsx
@@ -8,7 +8,7 @@
 import type { ICycle, IModule, IProjectView, IWorkspaceView } from "@plane/types";
 import type { TContextMenuItem } from "@plane/ui";
 // hooks
-import { useQuickActionsFactory } from "@/plane-web/components/common/quick-actions-factory";
+import { useQuickActionsFactory } from "@/components/common/quick-actions-factory";

 // Types
 interface UseCycleMenuItemsProps {
--- a/apps/web/core/components/project/project-feature-update.tsx
+++ b/apps/web/core/components/project/project-feature-update.tsx
@@ -15,7 +15,7 @@ import { Row } from "@plane/ui";
 // hooks
 import { useProject } from "@/hooks/store/use-project";
 // plane web imports
-import { ProjectFeaturesList } from "@/plane-web/components/projects/settings/features-list";
+import { ProjectFeaturesList } from "@/components/project/settings/features-list";

 type Props = {
  workspaceSlug: string;
@@ -45,6 +45,7 @@ export const ProjectFeatureUpdate = observer(function ProjectFeatureUpdate(props
          {t("created").toLowerCase()}.
        </div>
        <div className="flex gap-2">
+          {/* eslint-disable-next-line jsx-a11y/tabindex-no-positive */}
          <Button variant="secondary" size="lg" onClick={onClose} tabIndex={1}>
            {t("close")}
          </Button>
@@ -52,6 +53,7 @@ export const ProjectFeatureUpdate = observer(function ProjectFeatureUpdate(props
            href={`/${workspaceSlug}/projects/${projectId}/issues`}
            onClick={onClose}
            className={getButtonStyling("primary", "lg")}
+            // oxlint-disable-next-line jsx-a11y/tabindex-no-positive
            tabIndex={2}
          >
            {t("open_project")}
--- a/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
+++ b/apps/web/core/components/workspace/sidebar/projects-list-item.tsx
@@ -40,9 +40,9 @@ import { useProjectNavigationPreferences } from "@/hooks/use-navigation-preferen
 import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web imports
 import { useNavigationItems } from "@/plane-web/components/navigations";
-import { ProjectNavigationRoot } from "@/plane-web/components/sidebar";
 // local imports
 import { HIGHLIGHT_CLASS, highlightIssueOnDrop } from "../../issues/issue-layouts/utils";
+import { ProjectNavigation } from "./project-navigation";

 type Props = {
  projectId: string;
@@ -177,6 +177,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
        element,
        canDrop: ({ source }) =>
          !disableDrop && source?.data?.id !== projectId && source?.data?.dragInstanceId === "PROJECTS",
+        // oxlint-disable-next-line no-shadow
        getData: ({ input, element }) => {
          const data = { id: projectId };

@@ -222,6 +223,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
        },
      })
    );
+    // oxlint-disable-next-line eslint-plugin-react-hooks/exhaustive-deps
  }, [projectId, isLastChild, projectListType, handleOnProjectDrop]);

  useEffect(() => {
@@ -479,7 +481,7 @@ export const SidebarProjectsListItem = observer(function SidebarProjectsListItem
              {isProjectListOpen && (
                <Disclosure.Panel as="div" className="relative mt-1 mb-1.5 flex flex-col gap-0.5 pl-6">
                  <div className="absolute top-0 bottom-1 left-[15px] w-[1px] bg-layer-3" />
-                  <ProjectNavigationRoot workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
+                  <ProjectNavigation workspaceSlug={workspaceSlug.toString()} projectId={projectId.toString()} />
                </Disclosure.Panel>
              )}
            </Transition>