fix: eslint errors and warnings (#8149)

apps/admin/app/(all)/(dashboard)/authentication/gitea/form.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { isEmpty } from "lodash-es";
 import Link from "next/link";

apps/admin/core/components/common/banner.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { AlertCircle, CheckCircle2 } from "lucide-react";
 
 type TBanner = {

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

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
@@ -62,10 +61,6 @@ export const ExtendedSidebarItem = observer(function ExtendedSidebarItem(props:
 
   const handleLinkClick = () => toggleExtendedSidebar(true);
 
-  if (!allowPermissions(item.access as any, EUserPermissionsLevel.WORKSPACE, workspaceSlug.toString())) {
-    return null;
-  }
-
   const itemHref =
     item.key === "your_work"
       ? `/${workspaceSlug.toString()}${item.href}${data?.id}`
@@ -151,6 +146,10 @@ export const ExtendedSidebarItem = observer(function ExtendedSidebarItem(props:
     );
   }, [isLastChild, handleOnNavigationItemDrop, disableDrag, disableDrop, item.key]);
 
+  if (!allowPermissions(item.access as any, EUserPermissionsLevel.WORKSPACE, workspaceSlug.toString())) {
+    return null;
+  }
+
   return (
     <div
       id={`sidebar-${item.key}`}

apps/web/core/components/home/widgets/links/link-detail.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useCallback, useMemo } from "react";
 import { observer } from "mobx-react";
 import { Pencil, ExternalLink, Link, Trash2 } from "lucide-react";
@@ -30,8 +29,7 @@ export const ProjectLinkDetail = observer(function ProjectLinkDetail(props: TPro
   const { t } = useTranslation();
   // derived values
   const linkDetail = getLinkById(linkId);
-
-  if (!linkDetail) return null;
+  const linkUrl = linkDetail?.url;
 
   // handlers
   const handleEdit = useCallback(
@@ -43,18 +41,19 @@ export const ProjectLinkDetail = observer(function ProjectLinkDetail(props: TPro
   );
 
   const handleCopyText = useCallback(() => {
-    copyTextToClipboard(linkDetail.url).then(() => {
+    if (!linkUrl) return;
+    copyTextToClipboard(linkUrl).then(() => {
       setToast({
         type: TOAST_TYPE.SUCCESS,
         title: t("link_copied"),
         message: t("view_link_copied_to_clipboard"),
       });
     });
-  }, [linkDetail.url, t]);
+  }, [linkUrl, t]);
 
   const handleOpenInNewTab = useCallback(() => {
-    window.open(linkDetail.url, "_blank", "noopener,noreferrer");
-  }, [linkDetail.url]);
+    window.open(linkUrl, "_blank", "noopener,noreferrer");
+  }, [linkUrl]);
 
   const handleDelete = useCallback(() => {
     linkOperations.remove(linkId);
@@ -91,6 +90,8 @@ export const ProjectLinkDetail = observer(function ProjectLinkDetail(props: TPro
     [handleEdit, handleOpenInNewTab, handleCopyText, handleDelete, t]
   );
 
+  if (!linkDetail) return null;
+
   return (
     <LinkItemBlock
       title={linkDetail.title || linkDetail.url}

apps/web/core/components/inbox/content/issue-root.tsx

@@ -89,8 +89,6 @@ export const InboxIssueMainContent = observer(function InboxIssueMainContent(pro
     }
   );
 
-  if (!issue) return <></>;
-
   const issueOperations: TIssueOperations = useMemo(
     () => ({
       // eslint-disable-next-line @typescript-eslint/no-unused-vars, no-unused-vars, arrow-body-style
@@ -164,6 +162,8 @@ export const InboxIssueMainContent = observer(function InboxIssueMainContent(pro
     [inboxIssue]
   );
 
+  if (!issue) return <></>;
+
   if (!issue?.project_id || !issue?.id) return <></>;
 
   return (

apps/web/core/components/issues/issue-detail/issue-activity/activity-filter.tsx

@@ -1,7 +1,6 @@
-import type { FC } from "react";
-import React from "react";
 import { observer } from "mobx-react";
 import { Check, ListFilter } from "lucide-react";
+// plane imports
 import type { TActivityFilters, TActivityFilterOption } from "@plane/constants";
 import { useTranslation } from "@plane/i18n";
 import { Button } from "@plane/propel/button";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/archived-at.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { RotateCcw } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/assignee.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // icons
 import { MembersPropertyIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/attachment.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { Paperclip } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/cycle.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // hooks
 import { CycleIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/default.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { WorkItemsIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/description.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { AlignLeft } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/estimate.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { EstimatePropertyIcon } from "@plane/propel/icons";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/helpers/issue-link.tsx

@@ -1,12 +1,10 @@
 "use client";
 
-import type { FC } from "react";
-// hooks
 import { Tooltip } from "@plane/propel/tooltip";
 import { generateWorkItemLink } from "@plane/utils";
+// hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";
 import { usePlatformOS } from "@/hooks/use-platform-os";
-// ui
 
 type TIssueLink = {
   activityId: string;

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/helpers/issue-user.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import Link from "next/link";
 // hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/inbox.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // hooks
 import { IntakeIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/label-activity-chip.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { Tooltip } from "@plane/propel/tooltip";
 
 type TIssueLabelPill = { name?: string; color?: string };

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/label.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { LabelPropertyIcon } from "@plane/propel/icons";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/link.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { MessageSquare } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/module.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // hooks
 import { ModuleIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/name.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { Type } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/parent.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { ParentPropertyIcon } from "@plane/propel/icons";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/priority.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { PriorityPropertyIcon } from "@plane/propel/icons";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/relation.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/start_date.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { CalendarDays } from "lucide-react";
 // hooks

apps/web/core/components/issues/issue-detail/issue-activity/activity/actions/state.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // hooks
 import { StatePropertyIcon } from "@plane/propel/icons";

apps/web/core/components/issues/issue-detail/issue-activity/activity/activity-list.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // helpers
 import { getValidKeysFromObject } from "@plane/utils";

apps/web/core/components/issues/issue-detail/issue-activity/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useMemo } from "react";
 import uniq from "lodash-es/uniq";
 import { observer } from "mobx-react";

apps/web/core/components/issues/issue-detail/issue-activity/sort-root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { memo } from "react";
 import { ArrowUpWideNarrow, ArrowDownWideNarrow } from "lucide-react";
 // plane package imports

apps/web/core/components/issues/issue-detail/label/create-label.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState, Fragment, useEffect } from "react";
 import { TwitterPicker } from "react-color";
 import { Controller, useForm } from "react-hook-form";

apps/web/core/components/issues/issue-detail/label/label-list-item.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { CloseIcon } from "@plane/propel/icons";
 // types

apps/web/core/components/issues/issue-detail/label/label-list.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // components
 import { LabelListItem } from "./label-list-item";

apps/web/core/components/issues/issue-detail/label/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useMemo } from "react";
 import { observer } from "mobx-react";
 import { useTranslation } from "@plane/i18n";

apps/web/core/components/issues/issue-detail/label/select/root.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 // components
 import type { TLabelOperations } from "../root";
 import { IssueLabelSelect } from "./label-select";

apps/web/core/components/issues/issue-detail/links/link-detail.tsx

@@ -1,19 +1,14 @@
 "use client";
 
-import type { FC } from "react";
-// hooks
-// ui
 import { Pencil, Trash2, ExternalLink } from "lucide-react";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import { Tooltip } from "@plane/propel/tooltip";
 import { getIconForLink, copyTextToClipboard, calculateTimeAgo } from "@plane/utils";
-// icons
-// types
-// helpers
-//
+// hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";
 import { useMember } from "@/hooks/store/use-member";
 import { usePlatformOS } from "@/hooks/use-platform-os";
+// types
 import type { TLinkOperationsModal } from "./create-update-link-modal";
 
 export type TIssueLinkDetail = {

apps/web/core/components/issues/issue-detail/links/link-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { Pencil, Trash2, Copy, Link } from "lucide-react";
 import { useTranslation } from "@plane/i18n";

apps/web/core/components/issues/issue-detail/links/link-list.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import type { TIssueServiceType } from "@plane/types";

apps/web/core/components/issues/issue-detail/links/links.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // computed
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";

apps/web/core/components/issues/issue-detail/links/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useCallback, useMemo, useState } from "react";
 import { Plus } from "lucide-react";
 // plane imports

apps/web/core/components/issues/issue-detail/parent/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { useRouter } from "next/navigation";
 import { MinusCircle } from "lucide-react";

apps/web/core/components/issues/issue-detail/parent/sibling-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // ui
 import { CustomMenu } from "@plane/ui";

apps/web/core/components/issues/issue-detail/parent/siblings.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import useSWR from "swr";
 import type { TIssue } from "@plane/types";

apps/web/core/components/issues/issue-detail/reactions/issue-comment.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useMemo, useState } from "react";
 import { observer } from "mobx-react";
 import { stringToEmoji } from "@plane/propel/emoji-icon-picker";
@@ -8,13 +7,9 @@ import { EmojiReactionGroup, EmojiReactionPicker } from "@plane/propel/emoji-rea
 import type { EmojiReactionType } from "@plane/propel/emoji-reaction";
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { IUser } from "@plane/types";
-// components
-import { cn, formatTextList } from "@plane/utils";
-// helper
 // hooks
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";
 import { useMember } from "@/hooks/store/use-member";
-// types
 
 export type TIssueCommentReaction = {
   workspaceSlug: string;
@@ -50,7 +45,7 @@ export const IssueCommentReaction = observer(function IssueCommentReaction(props
             type: TOAST_TYPE.SUCCESS,
             message: "Reaction created successfully",
           });
-        } catch (error) {
+        } catch (_error) {
           setToast({
             title: "Error!",
             type: TOAST_TYPE.ERROR,
@@ -67,7 +62,7 @@ export const IssueCommentReaction = observer(function IssueCommentReaction(props
             type: TOAST_TYPE.SUCCESS,
             message: "Reaction removed successfully",
           });
-        } catch (error) {
+        } catch (_error) {
           setToast({
             title: "Error!",
             type: TOAST_TYPE.ERROR,

apps/web/core/components/issues/issue-detail/reactions/issue.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useMemo, useState } from "react";
 import { observer } from "mobx-react";
 import { stringToEmoji } from "@plane/propel/emoji-icon-picker";
@@ -10,7 +9,7 @@ import { TOAST_TYPE, setToast } from "@plane/propel/toast";
 import type { IUser } from "@plane/types";
 // hooks
 // ui
-import { cn, formatTextList } from "@plane/utils";
+import { cn } from "@plane/utils";
 // helpers
 import { useIssueDetail } from "@/hooks/store/use-issue-detail";
 import { useMember } from "@/hooks/store/use-member";
@@ -68,7 +67,7 @@ export const IssueReaction = observer(function IssueReaction(props: TIssueReacti
             type: TOAST_TYPE.SUCCESS,
             message: "Reaction removed successfully",
           });
-        } catch (error) {
+        } catch (_error) {
           setToast({
             title: "Error!",
             type: TOAST_TYPE.ERROR,

apps/web/core/components/issues/issue-layouts/calendar/quick-add-issue-actions.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { differenceInCalendarDays } from "date-fns/differenceInCalendarDays";
 import { observer } from "mobx-react";

apps/web/core/components/issues/issue-layouts/calendar/roots/cycle-root.tsx

@@ -13,9 +13,9 @@ export const CycleCalendarLayout = observer(function CycleCalendarLayout() {
   const { currentProjectCompletedCycleIds } = useCycle();
   const { workspaceSlug, projectId, cycleId } = useParams();
 
-  const { issues } = useIssues(EIssuesStoreType.CYCLE);
-
-  if (!cycleId) return null;
+  const {
+    issues: { addIssueToCycle },
+  } = useIssues(EIssuesStoreType.CYCLE);
 
   const isCompletedCycle =
     cycleId && currentProjectCompletedCycleIds ? currentProjectCompletedCycleIds.includes(cycleId.toString()) : false;
@@ -23,11 +23,13 @@ export const CycleCalendarLayout = observer(function CycleCalendarLayout() {
   const addIssuesToView = useCallback(
     (issueIds: string[]) => {
       if (!workspaceSlug || !projectId || !cycleId) throw new Error();
-      return issues.addIssueToCycle(workspaceSlug.toString(), projectId.toString(), cycleId.toString(), issueIds);
+      return addIssueToCycle(workspaceSlug.toString(), projectId.toString(), cycleId.toString(), issueIds);
     },
-    [issues?.addIssueToCycle, workspaceSlug, projectId, cycleId]
+    [addIssueToCycle, workspaceSlug, projectId, cycleId]
   );
 
+  if (!cycleId) return null;
+
   return (
     <BaseCalendarRoot
       QuickActions={CycleIssueQuickActions}

apps/web/core/components/issues/issue-layouts/calendar/roots/module-root.tsx

@@ -12,18 +12,20 @@ import { BaseCalendarRoot } from "../base-calendar-root";
 export const ModuleCalendarLayout = observer(function ModuleCalendarLayout() {
   const { workspaceSlug, projectId, moduleId } = useParams();
 
-  const { issues } = useIssues(EIssuesStoreType.MODULE);
-
-  if (!moduleId) return null;
+  const {
+    issues: { addIssuesToModule },
+  } = useIssues(EIssuesStoreType.MODULE);
 
   const addIssuesToView = useCallback(
     (issueIds: string[]) => {
       if (!workspaceSlug || !projectId || !moduleId) throw new Error();
-      return issues.addIssuesToModule(workspaceSlug.toString(), projectId.toString(), moduleId.toString(), issueIds);
+      return addIssuesToModule(workspaceSlug.toString(), projectId.toString(), moduleId.toString(), issueIds);
     },
-    [issues?.addIssuesToModule, workspaceSlug, projectId, moduleId]
+    [addIssuesToModule, workspaceSlug, projectId, moduleId]
   );
 
+  if (!moduleId) return null;
+
   return (
     <BaseCalendarRoot
       QuickActions={ModuleIssueQuickActions}

apps/web/core/components/pages/editor/toolbar/options-dropdown.tsx

@@ -5,8 +5,8 @@ import { observer } from "mobx-react";
 import { ArrowUpToLine, Clipboard, History } from "lucide-react";
 // plane imports
 import { TOAST_TYPE, setToast } from "@plane/propel/toast";
-import type { TContextMenuItem } from "@plane/ui";
 import { ToggleSwitch } from "@plane/ui";
+import type { TContextMenuItem } from "@plane/ui";
 import { copyTextToClipboard } from "@plane/utils";
 // hooks
 import { useAppRouter } from "@/hooks/use-app-router";
@@ -18,8 +18,8 @@ import type { EPageStoreType } from "@/plane-web/hooks/store";
 // store
 import type { TPageInstance } from "@/store/pages/base-page";
 // local imports
-import type { TPageActions } from "../../dropdowns";
 import { PageActions } from "../../dropdowns";
+import type { TPageActions } from "../../dropdowns";
 import { ExportPageModal } from "../../modals/export-page-modal";
 import { PAGE_NAVIGATION_PANE_TABS_QUERY_PARAM } from "../../navigation-pane";
 
@@ -45,8 +45,8 @@ export const PageOptionsDropdown = observer(function PageOptionsDropdown(props:
   // query params
   const { updateQueryParams } = useQueryParams();
   // menu items list
-  const EXTRA_MENU_OPTIONS = useMemo(function EXTRA_MENU_OPTIONS() {
-    return [
+  const EXTRA_MENU_OPTIONS: (TContextMenuItem & { key: TPageActions })[] = useMemo(
+    () => [
       {
         key: "full-screen",
         action: () => handleFullWidth(!isFullWidth),
@@ -108,8 +108,9 @@ export const PageOptionsDropdown = observer(function PageOptionsDropdown(props:
         icon: ArrowUpToLine,
         shouldRender: true,
       },
-    ];
-  });
+    ],
+    []
+  );
 
   return (
     <>

apps/web/core/components/pages/list/block-item-action.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import type { FC } from "react";
-import React from "react";
 import { observer } from "mobx-react";
 import { Earth, Info, Lock, Minus } from "lucide-react";
 // plane imports

apps/web/core/components/pages/list/block.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useRef } from "react";
 import { observer } from "mobx-react";
 import { Logo } from "@plane/propel/emoji-icon-picker";

apps/web/core/components/pages/list/root.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // types
 import type { TPageNavigationTabs } from "@plane/types";

apps/web/core/components/pages/list/search-input.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { useState, useRef, useEffect } from "react";
 import { Search } from "lucide-react";
 import { useOutsideClickDetector } from "@plane/hooks";

apps/web/core/components/pages/list/tab-navigation.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import Link from "next/link";
 // types
 import type { TPageNavigationTabs } from "@plane/types";

apps/web/core/components/pages/modals/delete-page-modal.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import React, { useState } from "react";
+import { useState } from "react";
 import { observer } from "mobx-react";
 // ui
 import { useParams } from "next/navigation";
@@ -30,7 +30,7 @@ export const DeletePageModal = observer(function DeletePageModal(props: TConfirm
   const [isDeleting, setIsDeleting] = useState(false);
   // store hooks
   const { removePage } = usePageStore(storeType);
-  if (!page || !page.id) return null;
+
   // derived values
   const { id: pageId, name } = page;
 
@@ -43,6 +43,7 @@ export const DeletePageModal = observer(function DeletePageModal(props: TConfirm
   const { pageId: routePageId } = useParams();
 
   const handleDelete = async () => {
+    if (!pageId) return;
     setIsDeleting(true);
     await removePage({ pageId })
       .then(() => {
@@ -80,6 +81,8 @@ export const DeletePageModal = observer(function DeletePageModal(props: TConfirm
     setIsDeleting(false);
   };
 
+  if (!page || !page.id) return null;
+
   return (
     <AlertModalCore
       handleClose={handleClose}

apps/web/core/components/pages/pages-list-main-content.tsx

@@ -34,7 +34,7 @@ export const PagesListMainContent = observer(function PagesListMainContent(props
   const { t } = useTranslation();
   // store hooks
   const { currentProjectDetails } = useProject();
-  const { isAnyPageAvailable, getCurrentProjectFilteredPageIdsByTab, getCurrentProjectPageIdsByTab, filters, loader } =
+  const { isAnyPageAvailable, getCurrentProjectFilteredPageIdsByTab, getCurrentProjectPageIdsByTab, loader } =
     usePageStore(storeType);
   const { allowPermissions } = useUserPermissions();
   const { createPage } = usePageStore(EPageStoreType.PROJECT);

apps/web/core/components/power-k/ui/modal/shortcuts-root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState, Fragment } from "react";
 import { Search } from "lucide-react";
 import { Dialog, Transition } from "@headlessui/react";

apps/web/core/components/profile/overview/activity.tsx

@@ -8,11 +8,8 @@ import { useTranslation } from "@plane/i18n";
 import { EmptyStateCompact } from "@plane/propel/empty-state";
 import { Loader, Card } from "@plane/ui";
 import { calculateTimeAgo, getFileURL } from "@plane/utils";
-// assets
-import recentActivityEmptyState from "@/app/assets/empty-state/recent_activity.svg?url";
 // components
 import { ActivityMessage, IssueLink } from "@/components/core/activity";
-import { ProfileEmptyState } from "@/components/ui/profile-empty-state";
 // constants
 import { USER_PROFILE_ACTIVITY } from "@/constants/fetch-keys";
 // helpers

apps/web/core/components/profile/profile-setting-content-header.tsx

@@ -1,6 +1,4 @@
 "use client";
-import type { FC } from "react";
-import React from "react";
 
 type Props = {
   title: string;

apps/web/core/components/profile/profile-setting-content-wrapper.tsx

@@ -1,7 +1,5 @@
 "use client";
-import type { FC } from "react";
-import React from "react";
-// helpers
+
 import { cn } from "@plane/utils";
 import { SidebarHamburgerToggle } from "@/components/core/sidebar/sidebar-menu-hamburger-toggle";
 

apps/web/core/components/profile/sidebar.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useEffect, useRef } from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";

apps/web/core/components/project-states/create-update/create.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { STATE_TRACKER_EVENTS, STATE_GROUPS } from "@plane/constants";

apps/web/core/components/project-states/create-update/form.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useEffect, useState, useMemo } from "react";
 import { TwitterPicker } from "react-color";
 import { Button } from "@plane/propel/button";

apps/web/core/components/project-states/create-update/update.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { STATE_TRACKER_EVENTS } from "@plane/constants";

apps/web/core/components/project-states/group-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState, useRef } from "react";
 import { observer } from "mobx-react";
 import { Plus } from "lucide-react";

apps/web/core/components/project-states/group-list.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 // plane imports

apps/web/core/components/project-states/options/delete.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { Loader } from "lucide-react";

apps/web/core/components/project-states/options/mark-as-default.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 // plane imports

apps/web/core/components/project-states/state-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { Fragment, useCallback, useEffect, useRef, useState } from "react";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";

apps/web/core/components/project-states/state-list.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import type { IState, TStateGroups, TStateOperationsCallbacks } from "@plane/types";
 // components

apps/web/core/components/project/create-project-modal.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { useEffect, useState } from "react";
 import { EModalPosition, EModalWidth, ModalCore } from "@plane/ui";
 import { getAssetIdFromUrl, checkURLValidity } from "@plane/utils";

apps/web/core/components/project/form-loader.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 // components
 import { Loader } from "@plane/ui";
 

apps/web/core/components/project/form.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useEffect, useState } from "react";
 import { Controller, useForm } from "react-hook-form";
 import { Info, Lock } from "lucide-react";

apps/web/core/components/project/leave-project-modal.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { Fragment } from "react";
 import { observer } from "mobx-react";
 import { useParams } from "next/navigation";

apps/web/core/components/project/project-feature-update.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import type { FC } from "react";
-import React from "react";
 import { observer } from "mobx-react";
 import Link from "next/link";
 import { useTranslation } from "@plane/i18n";

apps/web/core/components/project/search-projects.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useRef, useState } from "react";
 import { observer } from "mobx-react";
 import { Search } from "lucide-react";

apps/web/core/components/project/settings/features-list.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { PROJECT_TRACKER_EVENTS } from "@plane/constants";

apps/web/core/components/sidebar/add-button.tsx

@@ -1,5 +1,3 @@
-import type { FC } from "react";
-import React from "react";
 import { cn } from "@plane/utils";
 
 type Props = React.ComponentProps<"button"> & {

apps/web/core/components/sidebar/search-button.tsx

@@ -1,5 +1,3 @@
-import type { FC } from "react";
-import React from "react";
 import { Search } from "lucide-react";
 import { cn } from "@plane/utils";
 

apps/web/core/components/sidebar/sidebar-item.tsx

@@ -112,7 +112,7 @@ function AppSidebarButtonItem({ children, onClick, disabled = false, className }
 // MAIN COMPONENT
 // ============================================================================
 
-type AppSidebarItemComponent = React.FC<AppSidebarItemProps> & {
+export type AppSidebarItemComponent = React.FC<AppSidebarItemProps> & {
   Label: React.FC<AppSidebarItemLabelProps>;
   Icon: React.FC<AppSidebarItemIconProps>;
   Link: React.FC<AppSidebarLinkItemProps>;

apps/web/core/components/sidebar/sidebar-navigation.tsx

@@ -1,7 +1,5 @@
 "use client";
-import type { FC } from "react";
-import React from "react";
-// helpers
+
 import { cn } from "@plane/utils";
 
 type TSidebarNavItem = {

apps/web/core/components/sidebar/sidebar-wrapper.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { useEffect, useRef } from "react";
 import { observer } from "mobx-react";
 // plane helpers

apps/web/core/components/stickies/layout/sticky-dnd-wrapper.tsx

@@ -14,8 +14,6 @@ import { usePathname } from "next/navigation";
 import { createRoot } from "react-dom/client";
 // plane types
 import type { InstructionType } from "@plane/types";
-// plane ui
-import { DropIndicator } from "@plane/ui";
 // components
 import { StickyNote } from "../sticky";
 // helpers
@@ -33,11 +31,10 @@ type Props = {
 };
 
 export const StickyDNDWrapper = observer(function StickyDNDWrapper(props: Props) {
-  const { stickyId, workspaceSlug, itemWidth, isLastChild, isInFirstRow, isInLastRow, handleDrop, handleLayout } =
-    props;
+  const { stickyId, workspaceSlug, itemWidth, isLastChild, handleDrop, handleLayout } = props;
   // states
   const [isDragging, setIsDragging] = useState(false);
-  const [instruction, setInstruction] = useState<InstructionType | undefined>(undefined);
+  const [_instruction, setInstruction] = useState<InstructionType | undefined>(undefined);
   // refs
   const elementRef = useRef<HTMLDivElement>(null);
   // navigation

apps/web/core/components/stickies/sticky/sticky-item-drag-handle.tsx

@@ -1,6 +1,4 @@
 "use client";
-import type { FC } from "react";
-import React from "react";
 import { observer } from "mobx-react";
 // ui
 import { DragHandle } from "@plane/ui";

apps/web/core/components/ui/labels-list.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 // ui
 import { Tooltip } from "@plane/propel/tooltip";
 import type { IIssueLabel } from "@plane/types";

apps/web/core/components/user/user-greetings.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 // plane types
 import { useTranslation } from "@plane/i18n";
 // hooks

apps/web/core/components/web-hooks/delete-webhook-modal.tsx

@@ -1,7 +1,6 @@
 "use client";
 
-import type { FC } from "react";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useParams } from "next/navigation";
 // ui
 import { WORKSPACE_SETTINGS_TRACKER_EVENTS } from "@plane/constants";

apps/web/core/components/web-hooks/form/form.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import React, { useEffect, useState } from "react";
 import { observer } from "mobx-react";
 import { Controller, useForm } from "react-hook-form";

apps/web/core/components/workspace-notifications/root.tsx

@@ -5,7 +5,6 @@ import { observer } from "mobx-react";
 import useSWR from "swr";
 // plane imports
 import { ENotificationLoader, ENotificationQueryParamType } from "@plane/constants";
-import { useTranslation } from "@plane/i18n";
 import { EmptyStateCompact } from "@plane/propel/empty-state";
 import { cn } from "@plane/utils";
 // components
@@ -25,8 +24,6 @@ type NotificationsRootProps = {
 };
 
 export const NotificationsRoot = observer(function NotificationsRoot({ workspaceSlug }: NotificationsRootProps) {
-  // plane hooks
-  const { t } = useTranslation();
   // hooks
   const { currentWorkspace } = useWorkspace();
   const {

apps/web/core/components/workspace-notifications/sidebar/empty-state.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { ENotificationTab } from "@plane/constants";

apps/web/core/components/workspace-notifications/sidebar/filters/applied-filter.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { ENotificationFilterType, FILTER_TYPE_OPTIONS } from "@plane/constants";

apps/web/core/components/workspace-notifications/sidebar/filters/menu/menu-option-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { Check } from "lucide-react";
 // plane imports

apps/web/core/components/workspace-notifications/sidebar/filters/menu/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { ListFilter } from "lucide-react";
 // plane imports

apps/web/core/components/workspace-notifications/sidebar/header/options/menu-option/menu-item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // components
 import { cn } from "@plane/utils";

apps/web/core/components/workspace-notifications/sidebar/header/options/root.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { CheckCheck, RefreshCw } from "lucide-react";
 // plane imports

apps/web/core/components/workspace-notifications/sidebar/header/root.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 // plane imports
 import { useTranslation } from "@plane/i18n";

apps/web/core/components/workspace-notifications/sidebar/notification-card/content.tsx

@@ -1,4 +1,3 @@
-import type { FC } from "react";
 // plane imports
 import type { TNotification } from "@plane/types";
 import {

apps/web/core/components/workspace-notifications/sidebar/notification-card/item.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { useState } from "react";
 import { observer } from "mobx-react";
 import { Clock } from "lucide-react";
@@ -55,7 +54,9 @@ export const NotificationItem = observer(function NotificationItem(props: TNotif
       }
 
       if (notification?.is_inbox_issue === false) {
-        !getIsIssuePeeked(issueId) && setPeekIssue({ workspaceSlug, projectId, issueId });
+        if (!getIsIssuePeeked(issueId)) {
+          setPeekIssue({ workspaceSlug, projectId, issueId });
+        }
       }
     }
   };

apps/web/core/components/workspace-notifications/sidebar/notification-card/options/archive.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { ArchiveRestore } from "lucide-react";
 // plane imports

apps/web/core/components/workspace-notifications/sidebar/notification-card/options/button.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import type { FC, ReactNode } from "react";
+import type { ReactNode } from "react";
 import { Tooltip } from "@plane/propel/tooltip";
 // helpers
 import { cn } from "@plane/utils";

apps/web/core/components/workspace-notifications/sidebar/notification-card/options/read.tsx

@@ -1,6 +1,5 @@
 "use client";
 
-import type { FC } from "react";
 import { observer } from "mobx-react";
 import { MessageSquare } from "lucide-react";
 // plane imports