From f188c9fdc5c98ec74ead2799b5872d53deca90ee Mon Sep 17 00:00:00 2001
From: sriram veeraghanta <veeraghanta.sriram@gmail.com>
Date: Wed, 6 Mar 2024 19:52:40 +0530
Subject: [PATCH] fix: build issues

---
 .../account/o-auth/o-auth-options.tsx         | 12 ++-
 .../widgets/recent-collaborators.tsx          | 94 -------------------
 web/components/instance/ai-form.tsx           |  1 +
 web/components/instance/email-form.tsx        |  1 +
 web/components/instance/general-form.tsx      |  1 +
 .../instance/github-config-form.tsx           |  1 +
 .../instance/google-config-form.tsx           |  1 +
 web/components/instance/image-config-form.tsx |  1 +
 .../instance/setup-form/sign-in-form.tsx      |  2 +
 web/components/integration/github/root.tsx    |  1 +
 web/components/issues/delete-issue-modal.tsx  |  2 +
 .../calendar/base-calendar-root.tsx           |  2 +
 .../gantt/quick-add-issue-form.tsx            |  3 +-
 .../issue-layouts/kanban/base-kanban-root.tsx |  2 +-
 web/components/modules/modal.tsx              |  2 +-
 web/components/onboarding/invite-members.tsx  |  4 +-
 .../project/create-project-modal.tsx          |  2 +-
 .../project/delete-project-modal.tsx          |  1 +
 web/components/project/integration-card.tsx   |  3 +
 .../project/send-project-invitation-modal.tsx |  3 +
 web/components/toast-alert/index.tsx          | 61 ------------
 web/components/ui/graphs/marimekko-graph.tsx  | 48 ----------
 web/components/ui/multi-level-dropdown.tsx    | 14 +--
 .../workspace/create-workspace-form.tsx       |  1 +
 .../workspace/sidebar-quick-action.tsx        |  2 +-
 web/constants/dashboard.ts                    |  2 +-
 .../settings-layout/profile/sidebar.tsx       |  2 -
 web/layouts/user-profile-layout/layout.tsx    |  5 +-
 .../profile/[userId]/index.tsx                |  2 +-
 web/pages/create-workspace.tsx                |  2 +-
 30 files changed, 48 insertions(+), 230 deletions(-)
 delete mode 100644 web/components/dashboard/widgets/recent-collaborators.tsx
 delete mode 100644 web/components/toast-alert/index.tsx
 delete mode 100644 web/components/ui/graphs/marimekko-graph.tsx

diff --git a/web/components/account/o-auth/o-auth-options.tsx b/web/components/account/o-auth/o-auth-options.tsx
index 1671b94fc..39123328e 100644
--- a/web/components/account/o-auth/o-auth-options.tsx
+++ b/web/components/account/o-auth/o-auth-options.tsx
@@ -1,10 +1,12 @@
 import { observer } from "mobx-react-lite";
-// services
-import { TOAST_TYPE, setToast } from "@plane/ui";
-import { GitHubSignInButton, GoogleSignInButton } from "components/account";
-import { useApplication } from "hooks/store";
 // ui
+import { TOAST_TYPE, setToast } from "@plane/ui";
 // components
+import { GitHubSignInButton, GoogleSignInButton } from "components/account";
+// hooks
+import { useApplication } from "hooks/store";
+// services
+import { AuthService } from "services/auth.service";
 
 type Props = {
   handleSignInRedirection: () => Promise<void>;
@@ -74,7 +76,7 @@ export const OAuthOptions: React.FC<Props> = observer((props) => {
       </div>
       <div className={`mx-auto mt-7 grid gap-4 overflow-hidden sm:w-96 ${areBothOAuthEnabled ? "grid-cols-2" : ""}`}>
         {envConfig?.google_client_id && (
-          <div className="h-[42px] flex items-center !overflow-hidden">
+          <div className="flex h-[42px] items-center !overflow-hidden">
             <GoogleSignInButton clientId={envConfig?.google_client_id} handleSignIn={handleGoogleSignIn} type={type} />
           </div>
         )}
diff --git a/web/components/dashboard/widgets/recent-collaborators.tsx b/web/components/dashboard/widgets/recent-collaborators.tsx
deleted file mode 100644
index 438f87c45..000000000
--- a/web/components/dashboard/widgets/recent-collaborators.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-import { useEffect } from "react";
-import { observer } from "mobx-react-lite";
-import Link from "next/link";
-// hooks
-import { Avatar } from "@plane/ui";
-import { RecentCollaboratorsEmptyState, WidgetLoader, WidgetProps } from "components/dashboard/widgets";
-import { useDashboard, useMember, useUser } from "hooks/store";
-// components
-// ui
-// types
-import { TRecentCollaboratorsWidgetResponse } from "@plane/types";
-
-type CollaboratorListItemProps = {
-  issueCount: number;
-  userId: string;
-  workspaceSlug: string;
-};
-
-const WIDGET_KEY = "recent_collaborators";
-
-const CollaboratorListItem: React.FC<CollaboratorListItemProps> = observer((props) => {
-  const { issueCount, userId, workspaceSlug } = props;
-  // store hooks
-  const { currentUser } = useUser();
-  const { getUserDetails } = useMember();
-  // derived values
-  const userDetails = getUserDetails(userId);
-  const isCurrentUser = userId === currentUser?.id;
-
-  if (!userDetails) return null;
-
-  return (
-    <Link href={`/${workspaceSlug}/profile/${userId}`} className="group text-center">
-      <div className="flex justify-center">
-        <Avatar
-          src={userDetails.avatar}
-          name={isCurrentUser ? "You" : userDetails.display_name}
-          size={69}
-          className="!text-3xl !font-medium"
-          showTooltip={false}
-        />
-      </div>
-      <h6 className="mt-6 text-xs font-semibold group-hover:underline truncate">
-        {isCurrentUser ? "You" : userDetails?.display_name}
-      </h6>
-      <p className="text-sm mt-2">
-        {issueCount} active issue{issueCount > 1 ? "s" : ""}
-      </p>
-    </Link>
-  );
-});
-
-export const RecentCollaboratorsWidget: React.FC<WidgetProps> = observer((props) => {
-  const { dashboardId, workspaceSlug } = props;
-  // store hooks
-  const { fetchWidgetStats, getWidgetStats } = useDashboard();
-  const widgetStats = getWidgetStats<TRecentCollaboratorsWidgetResponse[]>(workspaceSlug, dashboardId, WIDGET_KEY);
-
-  useEffect(() => {
-    fetchWidgetStats(workspaceSlug, dashboardId, {
-      widget_key: WIDGET_KEY,
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  if (!widgetStats) return <WidgetLoader widgetKey={WIDGET_KEY} />;
-
-  return (
-    <div className="bg-custom-background-100 rounded-xl border-[0.5px] border-custom-border-200 w-full hover:shadow-custom-shadow-4xl duration-300">
-      <div className="px-7 pt-6">
-        <h4 className="text-lg font-semibold text-custom-text-300">Most active members</h4>
-        <p className="mt-2 text-xs font-medium text-custom-text-300">
-          Top eight active members in your project by last activity
-        </p>
-      </div>
-      {widgetStats.length > 1 ? (
-        <div className="mt-7 mb-6 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 xl:grid-cols-8 gap-2 gap-y-8">
-          {widgetStats.map((user) => (
-            <CollaboratorListItem
-              key={user.user_id}
-              issueCount={user.active_issue_count}
-              userId={user.user_id}
-              workspaceSlug={workspaceSlug}
-            />
-          ))}
-        </div>
-      ) : (
-        <div className="h-full grid place-items-center">
-          <RecentCollaboratorsEmptyState />
-        </div>
-      )}
-    </div>
-  );
-});
diff --git a/web/components/instance/ai-form.tsx b/web/components/instance/ai-form.tsx
index 63246ff34..250feb511 100644
--- a/web/components/instance/ai-form.tsx
+++ b/web/components/instance/ai-form.tsx
@@ -4,6 +4,7 @@ import { Eye, EyeOff } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IFormattedInstanceConfiguration } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/email-form.tsx b/web/components/instance/email-form.tsx
index 0caf825b6..664b96ea2 100644
--- a/web/components/instance/email-form.tsx
+++ b/web/components/instance/email-form.tsx
@@ -4,6 +4,7 @@ import { Controller, useForm } from "react-hook-form";
 import { Eye, EyeOff } from "lucide-react";
 import { Button, Input, ToggleSwitch, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IFormattedInstanceConfiguration } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/general-form.tsx b/web/components/instance/general-form.tsx
index cef757ccf..6fedc8831 100644
--- a/web/components/instance/general-form.tsx
+++ b/web/components/instance/general-form.tsx
@@ -3,6 +3,7 @@ import { Controller, useForm } from "react-hook-form";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IInstance, IInstanceAdmin } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/github-config-form.tsx b/web/components/instance/github-config-form.tsx
index 90c4c880e..20fb08aff 100644
--- a/web/components/instance/github-config-form.tsx
+++ b/web/components/instance/github-config-form.tsx
@@ -4,6 +4,7 @@ import { Copy, Eye, EyeOff } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IFormattedInstanceConfiguration } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/google-config-form.tsx b/web/components/instance/google-config-form.tsx
index 49dfcc01c..27d4f4300 100644
--- a/web/components/instance/google-config-form.tsx
+++ b/web/components/instance/google-config-form.tsx
@@ -4,6 +4,7 @@ import { Copy } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IFormattedInstanceConfiguration } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/image-config-form.tsx b/web/components/instance/image-config-form.tsx
index 9ab79aad0..7be2089f1 100644
--- a/web/components/instance/image-config-form.tsx
+++ b/web/components/instance/image-config-form.tsx
@@ -4,6 +4,7 @@ import { Eye, EyeOff } from "lucide-react";
 // ui
 import { Button, Input, TOAST_TYPE, setToast } from "@plane/ui";
 // types
+import { IFormattedInstanceConfiguration } from "@plane/types";
 // hooks
 import { useApplication } from "hooks/store";
 
diff --git a/web/components/instance/setup-form/sign-in-form.tsx b/web/components/instance/setup-form/sign-in-form.tsx
index 106f2d692..a2e71faf2 100644
--- a/web/components/instance/setup-form/sign-in-form.tsx
+++ b/web/components/instance/setup-form/sign-in-form.tsx
@@ -5,6 +5,8 @@ import { Eye, EyeOff, XCircle } from "lucide-react";
 import { Input, Button, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { checkEmailValidity } from "helpers/string.helper";
+// hooks
+import { useUser } from "hooks/store";
 // services
 import { AuthService } from "services/auth.service";
 const authService = new AuthService();
diff --git a/web/components/integration/github/root.tsx b/web/components/integration/github/root.tsx
index 956640de8..74f2f9c66 100644
--- a/web/components/integration/github/root.tsx
+++ b/web/components/integration/github/root.tsx
@@ -30,6 +30,7 @@ import { IntegrationService, GithubIntegrationService } from "services/integrati
 // types
 import { IGithubRepoCollaborator, IGithubServiceImportFormData } from "@plane/types";
 // fetch-keys
+import { APP_INTEGRATIONS, IMPORTER_SERVICES_LIST, WORKSPACE_INTEGRATIONS } from "constants/fetch-keys";
 
 export type TIntegrationSteps = "import-configure" | "import-data" | "repo-details" | "import-users" | "import-confirm";
 export interface IIntegrationData {
diff --git a/web/components/issues/delete-issue-modal.tsx b/web/components/issues/delete-issue-modal.tsx
index ada126ccb..b6c08c14b 100644
--- a/web/components/issues/delete-issue-modal.tsx
+++ b/web/components/issues/delete-issue-modal.tsx
@@ -5,6 +5,8 @@ import { AlertTriangle } from "lucide-react";
 import { Button, TOAST_TYPE, setToast } from "@plane/ui";
 // types
 import { TIssue } from "@plane/types";
+// hooks
+import { useIssues, useProject } from "hooks/store";
 
 type Props = {
   isOpen: boolean;
diff --git a/web/components/issues/issue-layouts/calendar/base-calendar-root.tsx b/web/components/issues/issue-layouts/calendar/base-calendar-root.tsx
index 4162afe85..2a8cbcc26 100644
--- a/web/components/issues/issue-layouts/calendar/base-calendar-root.tsx
+++ b/web/components/issues/issue-layouts/calendar/base-calendar-root.tsx
@@ -15,6 +15,8 @@ import { TGroupedIssues, TIssue } from "@plane/types";
 import { IQuickActionProps } from "../list/list-view-types";
 import { EIssueActions } from "../types";
 import { handleDragDrop } from "./utils";
+import { useIssues, useUser } from "hooks/store";
+import { EUserProjectRoles } from "constants/project";
 
 interface IBaseCalendarRoot {
   issueStore: IProjectIssues | IModuleIssues | ICycleIssues | IProjectViewIssues;
diff --git a/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx b/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
index 94a6243e5..b2d3ac9d4 100644
--- a/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
+++ b/web/components/issues/issue-layouts/gantt/quick-add-issue-form.tsx
@@ -15,6 +15,7 @@ import useOutsideClickDetector from "hooks/use-outside-click-detector";
 // ui
 // types
 import { IProject, TIssue } from "@plane/types";
+import { ISSUE_CREATED } from "constants/event-tracker";
 // constants
 
 interface IInputProps {
@@ -162,7 +163,7 @@ export const GanttQuickAddIssueForm: React.FC<IGanttQuickAddIssueForm> = observe
       ) : (
         <button
           type="button"
-          className="sticky bottom-0 z-[1] flex w-full cursor-pointer items-center gap-2 p-3 py-3 text-custom-primary-100 bg-custom-background-100 border-custom-border-200 border-t-[1px]"
+          className="sticky bottom-0 z-[1] flex w-full cursor-pointer items-center gap-2 border-t-[1px] border-custom-border-200 bg-custom-background-100 p-3 py-3 text-custom-primary-100"
           onClick={() => setIsOpen(true)}
         >
           <PlusIcon className="h-3.5 w-3.5 stroke-2" />
diff --git a/web/components/issues/issue-layouts/kanban/base-kanban-root.tsx b/web/components/issues/issue-layouts/kanban/base-kanban-root.tsx
index 775382f59..f4f204436 100644
--- a/web/components/issues/issue-layouts/kanban/base-kanban-root.tsx
+++ b/web/components/issues/issue-layouts/kanban/base-kanban-root.tsx
@@ -8,7 +8,7 @@ import { DeleteIssueModal } from "components/issues";
 import { ISSUE_DELETED } from "constants/event-tracker";
 import { EIssueFilterType, TCreateModalStoreTypes } from "constants/issue";
 import { EUserProjectRoles } from "constants/project";
-import { useEventTracker, useUser } from "hooks/store";
+import { useEventTracker, useIssues, useUser } from "hooks/store";
 // ui
 // types
 import { ICycleIssues, ICycleIssuesFilter } from "store/issue/cycle";
diff --git a/web/components/modules/modal.tsx b/web/components/modules/modal.tsx
index f3b67e9de..f83372eaa 100644
--- a/web/components/modules/modal.tsx
+++ b/web/components/modules/modal.tsx
@@ -77,7 +77,7 @@ export const CreateUpdateModuleModal: React.FC<Props> = observer((props) => {
       });
   };
 
-  const handleUpdateModule = async (payload: Partial<IModule>, dirtyFields: unknown) => {
+  const handleUpdateModule = async (payload: Partial<IModule>, dirtyFields: any) => {
     if (!workspaceSlug || !projectId || !data) return;
 
     const selectedProjectId = payload.project_id ?? projectId.toString();
diff --git a/web/components/onboarding/invite-members.tsx b/web/components/onboarding/invite-members.tsx
index c5a0d51c2..d0540a5a4 100644
--- a/web/components/onboarding/invite-members.tsx
+++ b/web/components/onboarding/invite-members.tsx
@@ -368,8 +368,8 @@ export const InviteMembers: React.FC<Props> = (props) => {
       >
         <p className="text-base font-semibold text-onboarding-text-400">Members</p>
 
-        {Array.from({ length: 4 }).map((i) => (
-          <div key={i} className="mt-6 flex items-center gap-2">
+        {Array.from({ length: 4 }).map((i, index) => (
+          <div key={index} className="mt-6 flex items-center gap-2">
             <div className="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full">
               <Image src={resolvedTheme === "dark" ? userDark : userLight} alt="user" className="object-cover" />
             </div>
diff --git a/web/components/project/create-project-modal.tsx b/web/components/project/create-project-modal.tsx
index 7a66c3a30..4d30c3dec 100644
--- a/web/components/project/create-project-modal.tsx
+++ b/web/components/project/create-project-modal.tsx
@@ -240,7 +240,7 @@ export const CreateProjectModal: FC<Props> = observer((props) => {
                               <ProjectLogo logo={value} className="text-xl" />
                             </span>
                           }
-                          onChange={(val) => {
+                          onChange={(val: any) => {
                             let logoValue = {};
 
                             if (val.type === "emoji")
diff --git a/web/components/project/delete-project-modal.tsx b/web/components/project/delete-project-modal.tsx
index bc26dcae4..ae3acfe4e 100644
--- a/web/components/project/delete-project-modal.tsx
+++ b/web/components/project/delete-project-modal.tsx
@@ -9,6 +9,7 @@ import { useEventTracker, useProject } from "hooks/store";
 // ui
 // types
 import type { IProject } from "@plane/types";
+import { PROJECT_DELETED } from "constants/event-tracker";
 // constants
 
 type DeleteProjectModal = {
diff --git a/web/components/project/integration-card.tsx b/web/components/project/integration-card.tsx
index 84be19f71..394238497 100644
--- a/web/components/project/integration-card.tsx
+++ b/web/components/project/integration-card.tsx
@@ -1,6 +1,7 @@
 import React from "react";
 import Image from "next/image";
 import { useRouter } from "next/router";
+import useSWR, { mutate } from "swr";
 // ui
 import { TOAST_TYPE, setToast } from "@plane/ui";
 // components
@@ -12,6 +13,8 @@ import GithubLogo from "public/logos/github-square.png";
 import SlackLogo from "public/services/slack.png";
 // types
 import { IWorkspaceIntegration } from "@plane/types";
+// services
+import { ProjectService } from "services/project";
 
 type Props = {
   integration: IWorkspaceIntegration;
diff --git a/web/components/project/send-project-invitation-modal.tsx b/web/components/project/send-project-invitation-modal.tsx
index 76b92ec99..efdb99b48 100644
--- a/web/components/project/send-project-invitation-modal.tsx
+++ b/web/components/project/send-project-invitation-modal.tsx
@@ -9,6 +9,9 @@ import { ChevronDown, Plus, X } from "lucide-react";
 import { Avatar, Button, CustomSelect, CustomSearchSelect, TOAST_TYPE, setToast } from "@plane/ui";
 // helpers
 import { useEventTracker, useMember, useUser } from "hooks/store";
+import { EUserProjectRoles } from "constants/project";
+import { PROJECT_MEMBER_ADDED } from "constants/event-tracker";
+import { ROLE } from "constants/workspace";
 // constants
 
 type Props = {
diff --git a/web/components/toast-alert/index.tsx b/web/components/toast-alert/index.tsx
deleted file mode 100644
index 80594e218..000000000
--- a/web/components/toast-alert/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import React from "react";
-// hooks
-import { AlertTriangle, CheckCircle, Info, X, XCircle } from "lucide-react";
-import useToast from "hooks/use-toast";
-// icons
-
-const ToastAlerts = () => {
-  const { alerts, removeAlert } = useToast();
-
-  if (!alerts) return null;
-
-  return (
-    <div className="pointer-events-none fixed right-5 top-5 z-50 h-full w-80 space-y-5 overflow-hidden">
-      {alerts.map((alert) => (
-        <div className="relative overflow-hidden rounded-md text-white" key={alert.id}>
-          <div className="absolute right-1 top-1">
-            <button
-              type="button"
-              className="pointer-events-auto inline-flex rounded-md p-1.5 focus:outline-none focus:ring-2 focus:ring-offset-2"
-              onClick={() => removeAlert(alert.id)}
-            >
-              <span className="sr-only">Dismiss</span>
-              <X className="h-5 w-5" aria-hidden="true" />
-            </button>
-          </div>
-          <div
-            className={`px-2 py-4 ${
-              alert.type === "success"
-                ? "bg-[#06d6a0]"
-                : alert.type === "error"
-                  ? "bg-[#ef476f]"
-                  : alert.type === "warning"
-                    ? "bg-[#e98601]"
-                    : "bg-[#1B9aaa]"
-            }`}
-          >
-            <div className="flex items-center gap-x-3">
-              <div className="flex-shrink-0">
-                {alert.type === "success" ? (
-                  <CheckCircle className="h-8 w-8" aria-hidden="true" />
-                ) : alert.type === "error" ? (
-                  <XCircle className="h-8 w-8" />
-                ) : alert.type === "warning" ? (
-                  <AlertTriangle className="h-8 w-8" aria-hidden="true" />
-                ) : (
-                  <Info className="h-8 w-8" />
-                )}
-              </div>
-              <div>
-                <p className="font-semibold">{alert.title}</p>
-                {alert.message && <p className="mt-1 text-xs">{alert.message}</p>}
-              </div>
-            </div>
-          </div>
-        </div>
-      ))}
-    </div>
-  );
-};
-
-export default ToastAlerts;
diff --git a/web/components/ui/graphs/marimekko-graph.tsx b/web/components/ui/graphs/marimekko-graph.tsx
deleted file mode 100644
index c0e6eb300..000000000
--- a/web/components/ui/graphs/marimekko-graph.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-// nivo
-import { ResponsiveMarimekko, SvgProps } from "@nivo/marimekko";
-// helpers
-import { CHARTS_THEME, DEFAULT_MARGIN } from "constants/graph";
-import { generateYAxisTickValues } from "helpers/graph.helper";
-// types
-import { TGraph } from "./types";
-// constants
-
-type Props = {
-  id: string;
-  value: string;
-  customYAxisTickValues?: number[];
-};
-
-export const MarimekkoGraph: React.FC<Props & TGraph & Omit<SvgProps<any>, "height" | "width">> = ({
-  id,
-  value,
-  customYAxisTickValues,
-  height = "400px",
-  width = "100%",
-  margin,
-  theme,
-  ...rest
-}) => (
-  <div style={{ height, width }}>
-    <ResponsiveMarimekko
-      id={id}
-      value={value}
-      margin={{ ...DEFAULT_MARGIN, ...(margin ?? {}) }}
-      innerPadding={rest.innerPadding ?? 4}
-      axisLeft={{
-        tickSize: 0,
-        tickPadding: 10,
-        tickValues: customYAxisTickValues ? generateYAxisTickValues(customYAxisTickValues) : undefined,
-      }}
-      axisBottom={{
-        tickSize: 0,
-        tickPadding: 10,
-        tickRotation: rest.data.length > 7 ? -45 : 0,
-      }}
-      labelTextColor={{ from: "color", modifiers: [["darker", 1.6]] }}
-      theme={{ ...CHARTS_THEME, ...(theme ?? {}) }}
-      animate
-      {...rest}
-    />
-  </div>
-);
diff --git a/web/components/ui/multi-level-dropdown.tsx b/web/components/ui/multi-level-dropdown.tsx
index 8bb0ebcf3..8633d1586 100644
--- a/web/components/ui/multi-level-dropdown.tsx
+++ b/web/components/ui/multi-level-dropdown.tsx
@@ -71,7 +71,7 @@ export const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
                   <div className="relative p-1" key={option.id}>
                     <Menu.Item
                       as="button"
-                      onClick={(e: unknown) => {
+                      onClick={(e: any) => {
                         if (option.hasChildren) {
                           e?.stopPropagation();
                           e?.preventDefault();
@@ -108,12 +108,12 @@ export const MultiLevelDropdown: React.FC<MultiLevelDropdownProps> = ({
                           height === "sm"
                             ? "max-h-28"
                             : height === "md"
-                              ? "max-h-44"
-                              : height === "rg"
-                                ? "max-h-56"
-                                : height === "lg"
-                                  ? "max-h-80"
-                                  : ""
+                            ? "max-h-44"
+                            : height === "rg"
+                            ? "max-h-56"
+                            : height === "lg"
+                            ? "max-h-80"
+                            : ""
                         }`}
                       >
                         {option.children ? (
diff --git a/web/components/workspace/create-workspace-form.tsx b/web/components/workspace/create-workspace-form.tsx
index 822ee1347..9cbfa25a3 100644
--- a/web/components/workspace/create-workspace-form.tsx
+++ b/web/components/workspace/create-workspace-form.tsx
@@ -12,6 +12,7 @@ import { useEventTracker, useWorkspace } from "hooks/store";
 // ui
 // types
 import { IWorkspace } from "@plane/types";
+import { WorkspaceService } from "services/workspace.service";
 
 type Props = {
   onSubmit?: (res: IWorkspace) => Promise<void>;
diff --git a/web/components/workspace/sidebar-quick-action.tsx b/web/components/workspace/sidebar-quick-action.tsx
index d2ce2f5b3..a378a8b3f 100644
--- a/web/components/workspace/sidebar-quick-action.tsx
+++ b/web/components/workspace/sidebar-quick-action.tsx
@@ -27,7 +27,7 @@ export const WorkspaceSidebarQuickAction = observer(() => {
     membership: { currentWorkspaceRole },
   } = useUser();
 
-  const { storedValue } = useLocalStorage<Record<string, Partial<TIssue>>>("draftedIssue", {});
+  const { storedValue, setValue } = useLocalStorage<Record<string, Partial<TIssue>>>("draftedIssue", {});
 
   //useState control for displaying draft issue button instead of group hover
   const [isDraftButtonOpen, setIsDraftButtonOpen] = useState(false);
diff --git a/web/constants/dashboard.ts b/web/constants/dashboard.ts
index 35599d661..3d11b4f12 100644
--- a/web/constants/dashboard.ts
+++ b/web/constants/dashboard.ts
@@ -11,7 +11,7 @@ import OverdueIssuesLight from "public/empty-state/dashboard/light/overdue-issue
 import UpcomingIssuesLight from "public/empty-state/dashboard/light/upcoming-issues.svg";
 // types
 import { TIssuesListTypes, TStateGroups } from "@plane/types";
-import { Props } from "components/icons/types";
+
 // constants
 import { EUserWorkspaceRoles } from "./workspace";
 // icons
diff --git a/web/layouts/settings-layout/profile/sidebar.tsx b/web/layouts/settings-layout/profile/sidebar.tsx
index caa5cd56e..1bae51d8b 100644
--- a/web/layouts/settings-layout/profile/sidebar.tsx
+++ b/web/layouts/settings-layout/profile/sidebar.tsx
@@ -11,9 +11,7 @@ import { useApplication, useUser, useWorkspace } from "hooks/store";
 import { Tooltip, TOAST_TYPE, setToast } from "@plane/ui";
 // constants
 import { PROFILE_ACTION_LINKS } from "constants/profile";
-import { useApplication, useUser, useWorkspace } from "hooks/store";
 import useOutsideClickDetector from "hooks/use-outside-click-detector";
-import useToast from "hooks/use-toast";
 
 const WORKSPACE_ACTION_LINKS = [
   {
diff --git a/web/layouts/user-profile-layout/layout.tsx b/web/layouts/user-profile-layout/layout.tsx
index 243eaed1a..fcabf5f49 100644
--- a/web/layouts/user-profile-layout/layout.tsx
+++ b/web/layouts/user-profile-layout/layout.tsx
@@ -1,10 +1,9 @@
 import { observer } from "mobx-react-lite";
 import { useRouter } from "next/router";
-// hooks
-import { ProfileNavbar, ProfileSidebar } from "components/profile";
-import { useUser } from "hooks/store";
 // components
 import { ProfileNavbar, ProfileSidebar } from "components/profile";
+// hooks
+import { useUser } from "hooks/store";
 // constants
 import { EUserWorkspaceRoles } from "constants/workspace";
 
diff --git a/web/pages/[workspaceSlug]/profile/[userId]/index.tsx b/web/pages/[workspaceSlug]/profile/[userId]/index.tsx
index eb71989ed..947da1369 100644
--- a/web/pages/[workspaceSlug]/profile/[userId]/index.tsx
+++ b/web/pages/[workspaceSlug]/profile/[userId]/index.tsx
@@ -49,7 +49,7 @@ const ProfileOverviewPage: NextPageWithLayout = () => {
         <ProfileStats userProfile={userProfile} />
         <ProfileWorkload stateDistribution={stateDistribution} />
         <div className="grid grid-cols-1 items-stretch gap-5 xl:grid-cols-2">
-          <ProfilePriorityDistribution priorityDistribution={userProfile?.priority_distribution} />
+          <ProfilePriorityDistribution userProfile={userProfile} />
           <ProfileStateDistribution stateDistribution={stateDistribution} userProfile={userProfile} />
         </div>
         <ProfileActivity />
diff --git a/web/pages/create-workspace.tsx b/web/pages/create-workspace.tsx
index 629e4a379..add8d6673 100644
--- a/web/pages/create-workspace.tsx
+++ b/web/pages/create-workspace.tsx
@@ -66,7 +66,7 @@ const CreateWorkspacePage: NextPageWithLayout = observer(() => {
               <CreateWorkspaceForm
                 onSubmit={onSubmit}
                 defaultValues={defaultValues}
-                setDefaultValues={setDefaultValues}
+                setDefaultValues={setDefaultValues as any}
               />
             </div>
           </div>