fix: remove unused imports and variables (part 1 — packages & non-web-core) (#8751)

* fix: remove unused imports and variables (part 1)

Resolve oxlint no-unused-vars warnings in packages/*, apps/admin,
apps/space, apps/live, and apps/web (non-core).

* fix: resolve CI check failures

* fix: resolve check:types failures

* fix: resolve check:types and check:format failures

- Use destructuring alias for activeCycleResolvedPath
- Format propel tab-navigation file

* fix: format propel button helper with oxfmt

Reorder Tailwind classes to match oxfmt canonical ordering.

apps/admin/app/root.tsx

@@ -88,7 +88,7 @@ export function HydrateFallback() {
   );
 }
 
-export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
+export function ErrorBoundary({ error: _error }: Route.ErrorBoundaryProps) {
   return (
     <div>
       <p>Something went wrong.</p>

apps/live/src/lib/pdf/styles.ts

@@ -12,7 +12,6 @@ import {
   CODE_COLORS,
   LINK_COLORS,
   MENTION_COLORS,
-  NEUTRAL_COLORS,
   TEXT_COLORS,
 } from "./colors";
 

apps/space/app/root.tsx

@@ -95,6 +95,6 @@ export function HydrateFallback() {
   );
 }
 
-export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
+export function ErrorBoundary({ error: _error }: Route.ErrorBoundaryProps) {
   return <ErrorPage />;
 }

apps/space/hooks/use-editor-flagging.ts

@@ -25,7 +25,7 @@ export type TEditorFlaggingHookReturnType = {
 /**
  * @description extensions disabled in various editors
  */
-export const useEditorFlagging = (anchor: string): TEditorFlaggingHookReturnType => ({
+export const useEditorFlagging = (_anchor: string): TEditorFlaggingHookReturnType => ({
   document: {
     disabled: [],
     flagged: [],

apps/space/store/cycle.store.ts

@@ -9,7 +9,7 @@ import { action, makeObservable, observable, runInAction } from "mobx";
 import { SitesCycleService } from "@plane/services";
 import type { TPublicCycle } from "@/types/cycle";
 // store
-import type { CoreRootStore } from "./root.store";
+import type { RootStore } from "./root.store";
 
 export interface ICycleStore {
   // observables
@@ -23,9 +23,9 @@ export interface ICycleStore {
 export class CycleStore implements ICycleStore {
   cycles: TPublicCycle[] | undefined = undefined;
   cycleService: SitesCycleService;
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observables
       cycles: observable,

apps/space/store/helpers/base-issues.store.ts

@@ -23,7 +23,7 @@ import type {
 } from "@plane/types";
 // types
 import type { IIssue, TIssuesResponse } from "@/types/issue";
-import type { CoreRootStore } from "../root.store";
+import type { RootStore } from "../root.store";
 // constants
 // helpers
 
@@ -81,7 +81,7 @@ export abstract class BaseIssuesStore implements IBaseIssuesStore {
   // root store
   rootIssueStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observable
       loader: observable,

apps/space/store/instance.store.ts

@@ -10,7 +10,7 @@ import { observable, action, makeObservable, runInAction } from "mobx";
 import { InstanceService } from "@plane/services";
 import type { IInstance, IInstanceConfig } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 
 type TError = {
   status: string;
@@ -40,7 +40,7 @@ export class InstanceStore implements IInstanceStore {
   // services
   instanceService;
 
-  constructor(private store: CoreRootStore) {
+  constructor(private store: RootStore) {
     makeObservable(this, {
       // observable
       isLoading: observable.ref,

apps/space/store/issue-detail.store.ts

@@ -13,7 +13,7 @@ import { SitesFileService, SitesIssueService } from "@plane/services";
 import type { TFileSignedURLResponse, TIssuePublicComment } from "@plane/types";
 import { EFileAssetType } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 // types
 import type { IIssue, IPeekMode, IVote } from "@/types/issue";
 
@@ -60,12 +60,12 @@ export class IssueDetailStore implements IIssueDetailStore {
     [key: string]: IIssue;
   } = {};
   // root store
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
   // services
   issueService: SitesIssueService;
   fileService: SitesFileService;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       loader: observable.ref,
       error: observable.ref,

apps/space/store/issue-filters.store.ts

@@ -11,7 +11,7 @@ import { computedFn } from "mobx-utils";
 import { ISSUE_DISPLAY_FILTERS_BY_LAYOUT } from "@plane/constants";
 import type { IssuePaginationOptions, TIssueParams } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 // types
 import type {
   TIssueLayoutOptions,
@@ -60,7 +60,7 @@ export class IssueFilterStore implements IIssueFilterStore {
   };
   filters: { [anchor: string]: TIssueFilters } | undefined = undefined;
 
-  constructor(private store: CoreRootStore) {
+  constructor(private store: RootStore) {
     makeObservable(this, {
       // observables
       layoutOptions: observable,

apps/space/store/issue.store.ts

@@ -9,7 +9,7 @@ import { action, makeObservable, runInAction } from "mobx";
 import { SitesIssueService } from "@plane/services";
 import type { IssuePaginationOptions, TLoader } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 // types
 import { BaseIssuesStore } from "./helpers/base-issues.store";
 import type { IBaseIssuesStore } from "./helpers/base-issues.store";
@@ -28,11 +28,11 @@ export interface IIssueStore extends IBaseIssuesStore {
 
 export class IssueStore extends BaseIssuesStore implements IIssueStore {
   // root store
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
   // services
   issueService: SitesIssueService;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     super(_rootStore);
     makeObservable(this, {
       // actions

apps/space/store/label.store.ts

@@ -10,7 +10,7 @@ import { action, computed, makeObservable, observable, runInAction } from "mobx"
 import { SitesLabelService } from "@plane/services";
 import type { IIssueLabel } from "@plane/types";
 // store
-import type { CoreRootStore } from "./root.store";
+import type { RootStore } from "./root.store";
 
 export interface IIssueLabelStore {
   // observables
@@ -25,9 +25,9 @@ export interface IIssueLabelStore {
 export class LabelStore implements IIssueLabelStore {
   labelMap: Record<string, IIssueLabel> = {};
   labelService: SitesLabelService;
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observables
       labelMap: observable,

apps/space/store/members.store.ts

@@ -9,7 +9,7 @@ import { action, computed, makeObservable, observable, runInAction } from "mobx"
 // plane imports
 import { SitesMemberService } from "@plane/services";
 import type { TPublicMember } from "@/types/member";
-import type { CoreRootStore } from "./root.store";
+import type { RootStore } from "./root.store";
 
 export interface IIssueMemberStore {
   // observables
@@ -24,9 +24,9 @@ export interface IIssueMemberStore {
 export class MemberStore implements IIssueMemberStore {
   memberMap: Record<string, TPublicMember> = {};
   memberService: SitesMemberService;
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observables
       memberMap: observable,

apps/space/store/module.store.ts

@@ -11,7 +11,7 @@ import { SitesModuleService } from "@plane/services";
 // types
 import type { TPublicModule } from "@/types/modules";
 // root store
-import type { CoreRootStore } from "./root.store";
+import type { RootStore } from "./root.store";
 
 export interface IIssueModuleStore {
   // observables
@@ -26,9 +26,9 @@ export interface IIssueModuleStore {
 export class ModuleStore implements IIssueModuleStore {
   moduleMap: Record<string, TPublicModule> = {};
   moduleService: SitesModuleService;
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observables
       moduleMap: observable,

apps/space/store/profile.store.ts

@@ -11,7 +11,7 @@ import { UserService } from "@plane/services";
 import type { TUserProfile } from "@plane/types";
 import { EStartOfTheWeek } from "@plane/types";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 
 type TError = {
   status: string;
@@ -64,7 +64,7 @@ export class ProfileStore implements IProfileStore {
   // services
   userService: UserService;
 
-  constructor(public store: CoreRootStore) {
+  constructor(public store: RootStore) {
     makeObservable(this, {
       // observables
       isLoading: observable.ref,

apps/space/store/publish/publish.store.ts

@@ -14,7 +14,7 @@ import type {
   TProjectPublishViewProps,
 } from "@plane/types";
 // store
-import type { CoreRootStore } from "../root.store";
+import type { RootStore } from "../root.store";
 
 export interface IPublishStore extends TProjectPublishSettings {
   // computed
@@ -45,7 +45,7 @@ export class PublishStore implements IPublishStore {
   workspace_detail: IWorkspaceLite | undefined;
 
   constructor(
-    private store: CoreRootStore,
+    private store: RootStore,
     publishSettings: TProjectPublishSettings
   ) {
     this.anchor = publishSettings.anchor;

apps/space/store/publish/publish_list.store.ts

@@ -11,7 +11,7 @@ import { SitesProjectPublishService } from "@plane/services";
 import type { TProjectPublishSettings } from "@plane/types";
 // store
 import { PublishStore } from "@/store/publish/publish.store";
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 
 export interface IPublishListStore {
   // observables
@@ -26,7 +26,7 @@ export class PublishListStore implements IPublishListStore {
   // service
   publishService;
 
-  constructor(private rootStore: CoreRootStore) {
+  constructor(private rootStore: RootStore) {
     makeObservable(this, {
       // observables
       publishMap: observable,

apps/space/store/state.store.ts

@@ -12,7 +12,7 @@ import type { IState } from "@plane/types";
 // helpers
 import { sortStates } from "@/helpers/state.helper";
 // store
-import type { CoreRootStore } from "./root.store";
+import type { RootStore } from "./root.store";
 
 export interface IStateStore {
   // observables
@@ -28,9 +28,9 @@ export interface IStateStore {
 export class StateStore implements IStateStore {
   states: IState[] | undefined = undefined;
   stateService: SitesStateService;
-  rootStore: CoreRootStore;
+  rootStore: RootStore;
 
-  constructor(_rootStore: CoreRootStore) {
+  constructor(_rootStore: RootStore) {
     makeObservable(this, {
       // observables
       states: observable,

apps/space/store/user.store.ts

@@ -14,7 +14,7 @@ import type { ActorDetail, IUser } from "@plane/types";
 import type { IProfileStore } from "@/store/profile.store";
 import { ProfileStore } from "@/store/profile.store";
 // store
-import type { CoreRootStore } from "@/store/root.store";
+import type { RootStore } from "@/store/root.store";
 
 type TUserErrorStatus = {
   status: string;
@@ -50,7 +50,7 @@ export class UserStore implements IUserStore {
   // service
   userService: UserService;
 
-  constructor(private store: CoreRootStore) {
+  constructor(private store: RootStore) {
     // stores
     this.profile = new ProfileStore(store);
     // service

apps/web/app/(all)/[workspaceSlug]/(projects)/_sidebar.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 // plane imports

apps/web/app/(all)/[workspaceSlug]/(projects)/profile/[userId]/header.tsx

@@ -5,7 +5,6 @@
  */
 
 // ui
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { useParams, useRouter } from "next/navigation";
 import { PanelRight } from "lucide-react";
@@ -14,7 +13,6 @@ import { useTranslation } from "@plane/i18n";
 import { YourWorkIcon, ChevronDownIcon } from "@plane/propel/icons";
 import type { IUserProfileProjectSegregation } from "@plane/types";
 import { Breadcrumbs, Header, CustomMenu } from "@plane/ui";
-import { cn } from "@plane/utils";
 // components
 import { BreadcrumbLink } from "@/components/common/breadcrumb-link";
 import { ProfileIssuesFilter } from "@/components/profile/profile-issues-filter";

apps/web/app/(all)/[workspaceSlug]/(projects)/sidebar.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { isEmpty } from "lodash-es";
 import { observer } from "mobx-react";
 // plane helpers

apps/web/app/(all)/invitations/page.tsx

@@ -81,7 +81,6 @@ function UserInvitationsPage() {
       .then(() => {
         mutate(USER_WORKSPACES_LIST);
         const firstInviteId = invitationsRespond[0];
-        const invitation = invitations?.find((i) => i.id === firstInviteId);
         const redirectWorkspace = invitations?.find((i) => i.id === firstInviteId)?.workspace;
         updateUserProfile({ last_workspace_id: redirectWorkspace?.id })
           .then(() => {

apps/web/ce/components/analytics/use-analytics-tabs.tsx

@@ -8,7 +8,7 @@ import { useMemo } from "react";
 import { useTranslation } from "@plane/i18n";
 import { getAnalyticsTabs } from "./tabs";
 
-export const useAnalyticsTabs = (workspaceSlug: string) => {
+export const useAnalyticsTabs = (_workspaceSlug: string) => {
   const { t } = useTranslation();
 
   const analyticsTabs = useMemo(() => getAnalyticsTabs(t), [t]);

apps/web/ce/components/automations/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 
 export type TCustomAutomationsRootProps = {

apps/web/ce/components/command-palette/modals/work-item-level.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";
 // plane imports

apps/web/ce/components/common/subscription/subscription-pill.tsx

@@ -10,6 +10,6 @@ type TProps = {
   workspace?: IWorkspace;
 };
 
-export function SubscriptionPill(props: TProps) {
+export function SubscriptionPill(_props: TProps) {
   return <></>;
 }

apps/web/ce/components/cycles/active-cycle/root.tsx

@@ -46,7 +46,7 @@ type ActiveCyclesComponentProps = {
 const ActiveCyclesComponent = observer(function ActiveCyclesComponent({
   cycleId,
   activeCycle,
-  activeCycleResolvedPath,
+  activeCycleResolvedPath: _activeCycleResolvedPath,
   workspaceSlug,
   projectId,
   handleFiltersUpdate,

apps/web/ce/components/cycles/additional-actions.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 type Props = {
   cycleId: string;

apps/web/ce/components/cycles/analytics-sidebar/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 // components
 import { SidebarChart } from "./base";

apps/web/ce/components/de-dupe/de-dupe-button.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 // local components
 
@@ -15,7 +14,6 @@ type TDeDupeButtonRoot = {
   label: string;
 };
 
-export function DeDupeButtonRoot(props: TDeDupeButtonRoot) {
+export function DeDupeButtonRoot(_props: TDeDupeButtonRoot) {
-  const { workspaceSlug, isDuplicateModalOpen, label, handleOnClick } = props;
   return <></>;
 }

apps/web/ce/components/de-dupe/duplicate-modal/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // types
 import type { TDeDupeIssue } from "@plane/types";
 
@@ -14,7 +13,6 @@ type TDuplicateModalRootProps = {
   handleDuplicateIssueModal: (value: boolean) => void;
 };
 
-export function DuplicateModalRoot(props: TDuplicateModalRootProps) {
+export function DuplicateModalRoot(_props: TDuplicateModalRootProps) {
-  const { workspaceSlug, issues, handleDuplicateIssueModal } = props;
   return <></>;
 }

apps/web/ce/components/de-dupe/duplicate-popover/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 import { observer } from "mobx-react";
 // types

apps/web/ce/components/de-dupe/issue-block/button-label.tsx

@@ -4,14 +4,11 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type TDeDupeIssueButtonLabelProps = {
   isOpen: boolean;
   buttonLabel: string;
 };
 
-export function DeDupeIssueButtonLabel(props: TDeDupeIssueButtonLabelProps) {
+export function DeDupeIssueButtonLabel(_props: TDeDupeIssueButtonLabelProps) {
-  const { isOpen, buttonLabel } = props;
   return <></>;
 }

apps/web/ce/components/epics/epic-modal/modal.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 import type { TIssue } from "@plane/types";
 
@@ -22,6 +21,6 @@ export interface EpicModalProps {
   isProjectSelectionDisabled?: boolean;
 }
 
-export function CreateUpdateEpicModal(props: EpicModalProps) {
+export function CreateUpdateEpicModal(_props: EpicModalProps) {
   return <></>;
 }

apps/web/ce/components/estimates/inputs/time-input.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 export type TEstimateTimeInputProps = {
   value?: number;
   handleEstimateInputValue: (value: string) => void;

apps/web/ce/components/estimates/points/delete.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 import type { TEstimatePointsObject, TEstimateSystemKeys, TEstimateTypeErrorObject } from "@plane/types";
 
 export type TEstimatePointDelete = {

apps/web/ce/components/estimates/update/modal.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 
 type TUpdateEstimateModal = {

apps/web/ce/components/gantt-chart/blocks/blocks-list.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 //
 import type { IBlockUpdateDependencyData } from "@plane/types";
 import { GanttChartBlock } from "@/components/gantt-chart/blocks/block";

apps/web/ce/components/gantt-chart/dependency/blockDraggables/left-draggable.tsx

@@ -12,6 +12,6 @@ type LeftDependencyDraggableProps = {
   ganttContainerRef: RefObject<HTMLDivElement>;
 };
 
-export function LeftDependencyDraggable(props: LeftDependencyDraggableProps) {
+export function LeftDependencyDraggable(_props: LeftDependencyDraggableProps) {
   return <></>;
 }

apps/web/ce/components/gantt-chart/dependency/blockDraggables/right-draggable.tsx

@@ -11,6 +11,6 @@ type RightDependencyDraggableProps = {
   block: IGanttBlock;
   ganttContainerRef: RefObject<HTMLDivElement>;
 };
-export function RightDependencyDraggable(props: RightDependencyDraggableProps) {
+export function RightDependencyDraggable(_props: RightDependencyDraggableProps) {
   return <></>;
 }

apps/web/ce/components/gantt-chart/dependency/dependency-paths.tsx

@@ -4,12 +4,9 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type Props = {
   isEpic?: boolean;
 };
-export function TimelineDependencyPaths(props: Props) {
+export function TimelineDependencyPaths(_props: Props) {
-  const { isEpic = false } = props;
   return <></>;
 }

apps/web/ce/components/inbox/source-pill.tsx

@@ -10,6 +10,6 @@ export type TInboxSourcePill = {
   source: EInboxIssueSource;
 };
 
-export function InboxSourcePill(props: TInboxSourcePill) {
+export function InboxSourcePill(_props: TInboxSourcePill) {
   return <></>;
 }

apps/web/ce/components/issues/filters/issue-types.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type React from "react";
 import { observer } from "mobx-react";
 
 type Props = {

apps/web/ce/components/issues/filters/team-project.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type React from "react";
 import { observer } from "mobx-react";
 
 type Props = {

apps/web/ce/components/issues/issue-detail-widgets/action-buttons.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // plane types
 import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
 

apps/web/ce/components/issues/issue-detail-widgets/collapsibles.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // plane types
 import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
 

apps/web/ce/components/issues/issue-detail-widgets/modals.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // plane types
 import type { TIssueServiceType, TWorkItemWidgets } from "@plane/types";
 

apps/web/ce/components/issues/issue-details/additional-activity-root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 
 export type TAdditionalActivityRoot = {

apps/web/ce/components/issues/issue-details/additional-properties.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 // plane imports
 

apps/web/ce/components/issues/issue-details/issue-creator.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import Link from "next/link";
 // hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";

apps/web/ce/components/issues/issue-details/issue-properties-activity/root.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type TIssueAdditionalPropertiesActivity = {
   activityId: string;
   ends: "top" | "bottom" | undefined;

apps/web/ce/components/issues/issue-details/issue-type-activity.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 
 export type TIssueTypeActivity = { activityId: string; showIssue?: boolean; ends: "top" | "bottom" | undefined };

apps/web/ce/components/issues/issue-details/parent-select-root.tsx

@@ -47,7 +47,7 @@ export const IssueParentSelectRoot = observer(function IssueParentSelectRoot(pro
       await issueOperations.fetch(workspaceSlug, projectId, issueId, false);
       if (_issueId) await fetchSubIssues(workspaceSlug, projectId, _issueId);
       toggleParentIssueModal(null);
-    } catch (error) {
+    } catch (_error) {
       console.error("something went wrong while fetching the issue");
     }
   };
@@ -63,7 +63,7 @@ export const IssueParentSelectRoot = observer(function IssueParentSelectRoot(pro
       await removeSubIssue(workspaceSlug, projectId, parentIssueId, issueId);
       await fetchSubIssues(workspaceSlug, projectId, parentIssueId);
       setSubIssueHelpers(parentIssueId, "issue_loader", issueId);
-    } catch (error) {
+    } catch (_error) {
       setToast({
         type: TOAST_TYPE.ERROR,
         title: t("common.error.label"),

apps/web/ce/components/issues/issue-layouts/additional-properties.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 import type { IIssueDisplayProperties, TIssue } from "@plane/types";
 
@@ -13,6 +12,6 @@ export type TWorkItemLayoutAdditionalProperties = {
   issue: TIssue;
 };
 
-export function WorkItemLayoutAdditionalProperties(props: TWorkItemLayoutAdditionalProperties) {
+export function WorkItemLayoutAdditionalProperties(_props: TWorkItemLayoutAdditionalProperties) {
   return <></>;
 }

apps/web/ce/components/issues/issue-layouts/issue-stats.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 
 type Props = {
@@ -15,6 +14,6 @@ type Props = {
   showLabel?: boolean;
 };
 
-export function IssueStats(props: Props) {
+export function IssueStats(_props: Props) {
   return <></>;
 }

apps/web/ce/components/issues/issue-layouts/quick-action-dropdowns/duplicate-modal.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type TDuplicateWorkItemModalProps = {
   workItemId: string;
   onClose: () => void;

apps/web/ce/components/issues/issue-modal/modal-additional-properties.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type React from "react";
-
 export type TWorkItemModalAdditionalPropertiesProps = {
   isDraft?: boolean;
   projectId: string | null;

apps/web/ce/components/issues/worklog/activity/filter-root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // plane imports
 import type { TActivityFilters, TActivityFilterOption } from "@plane/constants";
 import { ACTIVITY_FILTER_TYPE_OPTIONS } from "@plane/constants";

apps/web/ce/components/issues/worklog/activity/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import type { TIssueActivityComment } from "@plane/types";
 
 type TIssueActivityWorklog = {

apps/web/ce/components/issues/worklog/activity/worklog-create-button.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type TIssueActivityWorklogCreateButton = {
   workspaceSlug: string;
   projectId: string;

apps/web/ce/components/issues/worklog/property/root.tsx

@@ -4,8 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
-
 type TIssueWorklogProperty = {
   workspaceSlug: string;
   projectId: string;

apps/web/ce/components/onboarding/tour/root.tsx

@@ -7,7 +7,6 @@
 import { useState } from "react";
 import { observer } from "mobx-react";
 // plane imports
-import { PRODUCT_TOUR_TRACKER_ELEMENTS } from "@plane/constants";
 import { Button } from "@plane/propel/button";
 import { CloseIcon, PlaneLockup } from "@plane/propel/icons";
 // assets

apps/web/ce/components/pages/modals/modals.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type React from "react";
 import { observer } from "mobx-react";
 // components
 import type { EPageStoreType } from "@/plane-web/hooks/store";
@@ -16,6 +15,6 @@ export type TPageModalsProps = {
   storeType: EPageStoreType;
 };
 
-export const PageModals = observer(function PageModals(props: TPageModalsProps) {
+export const PageModals = observer(function PageModals(_props: TPageModalsProps) {
   return null;
 });

apps/web/ce/components/sidebar/project-navigation-root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // components
 import { ProjectNavigation } from "@/components/workspace/sidebar/project-navigation";
 

apps/web/ce/components/views/helper.tsx

@@ -13,11 +13,11 @@ export type TLayoutSelectionProps = {
   workspaceSlug: string;
 };
 
-export function GlobalViewLayoutSelection(props: TLayoutSelectionProps) {
+export function GlobalViewLayoutSelection(_props: TLayoutSelectionProps) {
   return <></>;
 }
 
-export function WorkspaceAdditionalLayouts(props: TWorkspaceLayoutProps) {
+export function WorkspaceAdditionalLayouts(_props: TWorkspaceLayoutProps) {
   return <></>;
 }
 

apps/web/ce/components/workspace-notifications/notification-card/root.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { ENotificationLoader, ENotificationQueryParamType } from "@plane/constants";

apps/web/ce/components/workspace/sidebar/sidebar-item.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import type { IWorkspaceSidebarNavigationItem } from "@plane/constants";
 import { SidebarItemBase } from "@/components/workspace/sidebar/sidebar-item";
 

apps/web/ce/components/workspace/upgrade-badge.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 // helpers
 import { useTranslation } from "@plane/i18n";
 import { cn } from "@plane/utils";

apps/web/ce/hooks/use-debounced-duplicate-issues.tsx

@@ -7,10 +7,10 @@
 import type { TDeDupeIssue } from "@plane/types";
 
 export const useDebouncedDuplicateIssues = (
-  workspaceSlug: string | undefined,
+  _workspaceSlug: string | undefined,
-  workspaceId: string | undefined,
+  _workspaceId: string | undefined,
-  projectId: string | undefined,
+  _projectId: string | undefined,
-  formData: { name: string | undefined; description_html?: string | undefined; issueId?: string | undefined }
+  _formData: { name: string | undefined; description_html?: string | undefined; issueId?: string | undefined }
 ) => {
   const duplicateIssues: TDeDupeIssue[] = [];
 

apps/web/ce/hooks/use-issue-properties.tsx

@@ -10,7 +10,7 @@ export const useWorkItemProperties = (
   projectId: string | null | undefined,
   workspaceSlug: string | null | undefined,
   workItemId: string | null | undefined,
-  issueServiceType: TIssueServiceType
+  _issueServiceType: TIssueServiceType
 ) => {
   if (!projectId || !workspaceSlug || !workItemId) return;
 };

apps/web/ce/store/issue/helpers/base-issue-store.ts

@@ -7,4 +7,4 @@
 import type { TIssue } from "@plane/types";
 import { getIssueIds } from "@/store/issue/helpers/base-issues-utils";
 
-export const workItemSortWithOrderByExtended = (array: TIssue[], key?: string) => getIssueIds(array);
+export const workItemSortWithOrderByExtended = (array: TIssue[], _key?: string) => getIssueIds(array);

apps/web/ce/store/issue/helpers/base-issue.store.ts

@@ -7,4 +7,4 @@
 import type { TIssue } from "@plane/types";
 import { getIssueIds } from "@/store/issue/helpers/base-issues-utils";
 
-export const workItemSortWithOrderByExtended = (array: TIssue[], key?: string) => getIssueIds(array);
+export const workItemSortWithOrderByExtended = (array: TIssue[], _key?: string) => getIssueIds(array);

apps/web/ce/store/timeline/base-timeline.store.ts

@@ -342,5 +342,5 @@ export class BaseTimeLineStore implements IBaseTimelineStore {
   });
 
   // Dummy method to return if the current Block's dependency is being dragged
-  getIsCurrentDependencyDragging = computedFn((blockId: string) => false);
+  getIsCurrentDependencyDragging = computedFn((_blockId: string) => false);
 }

packages/editor/src/core/components/editors/editor-container.tsx

@@ -6,7 +6,7 @@
 
 import type { HocuspocusProvider } from "@hocuspocus/provider";
 import type { Editor } from "@tiptap/react";
-import type { FC, ReactNode } from "react";
+import type { ReactNode } from "react";
 import { useCallback, useEffect, useRef } from "react";
 // plane utils
 import { cn } from "@plane/utils";

packages/editor/src/core/components/editors/link-view-container.tsx

@@ -7,7 +7,6 @@
 import { autoUpdate, flip, hide, shift, useDismiss, useFloating, useInteractions } from "@floating-ui/react";
 import type { Editor } from "@tiptap/react";
 import { useEditorState } from "@tiptap/react";
-import type { FC } from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 
 // components

packages/editor/src/core/components/menus/block-menu.tsx

@@ -42,7 +42,7 @@ export type BlockMenuOption = {
 };
 
 export function BlockMenu(props: Props) {
-  const { editor, workItemIdentifier } = props;
+  const { editor } = props;
   const [isOpen, setIsOpen] = useState(false);
   const [isAnimatedIn, setIsAnimatedIn] = useState(false);
   const menuRef = useRef<HTMLDivElement | null>(null);

packages/editor/src/core/components/menus/bubble-menu/color-selector.tsx

@@ -7,7 +7,6 @@
 import type { Editor } from "@tiptap/react";
 import { ALargeSmall, Ban } from "lucide-react";
 import { useMemo } from "react";
-import type { FC } from "react";
 // plane utils
 import { cn } from "@plane/utils";
 // constants

packages/editor/src/core/components/menus/bubble-menu/link-selector.tsx

@@ -6,7 +6,6 @@
 
 import type { Editor } from "@tiptap/core";
 
-import type { FC } from "react";
 import { useCallback, useRef, useState } from "react";
 import { LinkIcon, TrashIcon, CheckIcon } from "@plane/propel/icons";
 // plane imports

packages/editor/src/core/components/menus/bubble-menu/node-selector.tsx

@@ -6,7 +6,6 @@
 
 import type { Editor } from "@tiptap/react";
 
-import type { FC } from "react";
 import { CheckIcon, ChevronDownIcon } from "@plane/propel/icons";
 // plane utils
 import { cn } from "@plane/utils";

packages/editor/src/core/components/menus/bubble-menu/root.tsx

@@ -8,7 +8,6 @@ import { isNodeSelection } from "@tiptap/core";
 import type { Editor } from "@tiptap/core";
 import { BubbleMenu, useEditorState } from "@tiptap/react";
 import type { BubbleMenuProps } from "@tiptap/react";
-import type { FC } from "react";
 import { useEffect, useState, useRef } from "react";
 // plane utils
 import { cn } from "@plane/utils";

packages/editor/src/core/extensions/custom-image/components/block.tsx

@@ -252,7 +252,7 @@ export function CustomImageBlock(props: CustomImageBlockProps) {
           src={displayedImageSrc}
           alt=""
           onLoad={handleImageLoad}
-          onError={(e) =>
+          onError={(_e) =>
             void (async () => {
               // for old image extension this command doesn't exist or if the image failed to load for the first time
               if (!extension.options.restoreImage || hasTriedRestoringImageOnce) {

packages/editor/src/core/hooks/use-collaborative-editor.ts

@@ -65,7 +65,6 @@ export const useCollaborativeEditor = (props: UseCollaborativeEditorArgs) => {
     titleRef,
     updatePageProperties,
     user,
-    actions,
   } = props;
 
   const { mainNavigationExtension, titleNavigationExtension, setMainEditor, setTitleEditor } = useEditorNavigation();

packages/editor/src/core/props.ts

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import { DOMParser } from "@tiptap/pm/model";
 import type { EditorProps } from "@tiptap/pm/view";
 // plane utils
 import { cn } from "@plane/utils";

packages/editor/src/core/types/config.ts

@@ -5,7 +5,6 @@
  */
 
 // plane imports
-import type { TWebhookConnectionQueryParams } from "@plane/types";
 import type { TExtendedFileHandler } from "@/plane-editor/types/config";
 
 export type TFileHandler = {

packages/propel/src/button/helper.tsx

@@ -17,9 +17,9 @@ export const buttonVariants = cva(
         "error-fill":
           "bg-danger-primary text-on-color hover:bg-danger-primary-hover active:bg-danger-primary-active disabled:bg-layer-disabled disabled:text-disabled",
         "error-outline":
-          "bg-layer-2 hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:bg-layer-2 text-danger-secondary disabled:text-disabled border border-danger-strong disabled:border-subtle-1",
+          "border border-danger-strong bg-layer-2 text-danger-secondary hover:bg-danger-subtle active:bg-danger-subtle-hover disabled:border-subtle-1 disabled:bg-layer-2 disabled:text-disabled",
         secondary:
-          "bg-layer-2 hover:bg-layer-2-hover active:bg-layer-2-active disabled:bg-layer-transparent text-secondary disabled:text-disabled border border-strong disabled:border-subtle-1 shadow-raised-100",
+          "border border-strong bg-layer-2 text-secondary shadow-raised-100 hover:bg-layer-2-hover active:bg-layer-2-active disabled:border-subtle-1 disabled:bg-layer-transparent disabled:text-disabled",
         tertiary:
           "bg-layer-3 text-secondary hover:bg-layer-3-hover active:bg-layer-3-active disabled:bg-layer-transparent disabled:text-disabled",
         ghost:

packages/propel/src/tab-navigation/tab-navigation-list.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import { LayoutGroup } from "framer-motion";
 import { cn } from "../utils";
 import type { TTabNavigationListProps } from "./tab-navigation-types";

packages/ui/src/collapsible/collapsible-button.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 import type { ISvgIcons } from "@plane/propel/icons";
 import { DropdownIcon } from "@plane/propel/icons";

packages/ui/src/dropdown/common/options.tsx

@@ -28,7 +28,6 @@ export function DropdownOptions(props: IMultiSelectDropdownOptions | ISingleSele
     keyExtractor,
     options,
     handleClose,
-    value,
     renderItem,
     loader,
     isMobile = false,

packages/ui/src/dropdown/multi-select.tsx

@@ -6,7 +6,6 @@
 
 import { Combobox } from "@headlessui/react";
 import { sortBy } from "lodash-es";
-import type { FC } from "react";
 import React, { useMemo, useRef, useState } from "react";
 import { usePopper } from "react-popper";
 // plane imports

packages/ui/src/dropdown/single-select.tsx

@@ -6,7 +6,6 @@
 
 import { Combobox } from "@headlessui/react";
 import { sortBy } from "lodash-es";
-import type { FC } from "react";
 import React, { useMemo, useRef, useState } from "react";
 import { usePopper } from "react-popper";
 // plane imports

packages/ui/src/link/block.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React from "react";
 // plane utils
 import { calculateTimeAgo, cn, getIconForLink } from "@plane/utils";

packages/ui/src/progress/radial-progress.tsx

@@ -4,7 +4,6 @@
  * See the LICENSE file for details.
  */
 
-import type { FC } from "react";
 import React, { useState, useEffect } from "react";
 
 interface IRadialProgressBar {

packages/ui/src/scroll-area.tsx

@@ -5,7 +5,6 @@
  */
 
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import type { FC } from "react";
 import React from "react";
 import { cn } from "./utils";
 

packages/ui/src/tabs/tabs.tsx

@@ -5,7 +5,6 @@
  */
 
 import { Tab } from "@headlessui/react";
-import type { FC } from "react";
 import React, { Fragment, useEffect, useState } from "react";
 // helpers
 import { useLocalStorage } from "@plane/hooks";

packages/utils/src/url.ts

@@ -261,7 +261,7 @@ export function extractURLComponents(url: URL | string): IURLComponents | undefi
     }
 
     return undefined;
-  } catch (error) {
+  } catch (_error) {
     return undefined;
   }
 }
@@ -323,7 +323,7 @@ export function isValidNextPath(url: string): boolean {
     ];
 
     return !maliciousPatterns.some((pattern) => pattern.test(pathname));
-  } catch (error) {
+  } catch (_error) {
     // If URL constructor fails, it's an invalid path
     return false;
   }