fix: adding new spinner

web/pages/[workspaceSlug]/projects/[projectId]/pages/[pageId].tsx

@@ -9,8 +9,9 @@ import { EditorRefApi, useEditorMarkings } from "@plane/document-editor";
 // types
 import { TPage } from "@plane/types";
 // ui
-import { Spinner, TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
+import { TOAST_TYPE, getButtonStyling, setToast } from "@plane/ui";
 // components
+import { LogoSpinner } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { PageDetailsHeader } from "@/components/headers";
 import { IssuePeekOverview } from "@/components/issues";
@@ -69,7 +70,7 @@ const PageDetailsPage: NextPageWithLayout = observer(() => {
   if ((!pageStore || !pageStore.id) && !pageDetailsError)
     return (
       <div className="h-full w-full grid place-items-center">
-        <Spinner />
+        <LogoSpinner />
       </div>
     );
 

web/pages/[workspaceSlug]/settings/webhooks/[webhookId].tsx

@@ -4,8 +4,9 @@ import { useRouter } from "next/router";
 import useSWR from "swr";
 import { IWebhook } from "@plane/types";
 // hooks
-import { Spinner, TOAST_TYPE, setToast } from "@plane/ui";
-
+import { TOAST_TYPE, setToast } from "@plane/ui";
+// components
+import { LogoSpinner } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { WorkspaceSettingHeader } from "@/components/headers";
 import { DeleteWebhookModal, WebhookDeleteSection, WebhookForm } from "@/components/web-hooks";
@@ -13,7 +14,6 @@ import { useUser, useWebhook, useWorkspace } from "@/hooks/store";
 // layouts
 import { AppLayout } from "@/layouts/app-layout";
 import { WorkspaceSettingLayout } from "@/layouts/settings-layout";
-// components
 // ui
 // types
 import { NextPageWithLayout } from "@/lib/types";
@@ -87,7 +87,7 @@ const WebhookDetailsPage: NextPageWithLayout = observer(() => {
   if (!currentWebhook)
     return (
       <div className="grid h-full w-full place-items-center p-4">
-        <Spinner />
+        <LogoSpinner />
       </div>
     );
 

web/pages/installations/[provider]/index.tsx

@@ -1,10 +1,10 @@
 import React, { useEffect, ReactElement } from "react";
 import { useRouter } from "next/router";
-// services
 // ui
-import { Spinner } from "@plane/ui";
+import { LogoSpinner } from "@/components/common";
 // types
 import { NextPageWithLayout } from "@/lib/types";
+// services
 import { AppInstallationService } from "@/services/app_installation.service";
 
 // services
@@ -64,7 +64,7 @@ const AppPostInstallation: NextPageWithLayout = () => {
   return (
     <div className="absolute left-0 top-0 z-50 flex h-full w-full flex-col items-center justify-center gap-y-3 bg-custom-background-80">
       <h2 className="text-2xl text-custom-text-100">Installing. Please wait...</h2>
-      <Spinner />
+      <LogoSpinner />
     </div>
   );
 };

web/pages/onboarding/index.tsx

@@ -4,9 +4,8 @@ import { useRouter } from "next/router";
 import useSWR from "swr";
 // types
 import { TOnboardingSteps, TUserProfile } from "@plane/types";
-// ui
-import { Spinner } from "@plane/ui";
 // components
+import { LogoSpinner } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { InviteMembers, CreateOrJoinWorkspaces, ProfileSetup } from "@/components/onboarding";
 // constants
@@ -177,7 +176,7 @@ const OnboardingPage: NextPageWithLayout = observer(() => {
         </div>
       ) : (
         <div className="grid h-screen w-full place-items-center">
-          <Spinner />
+          <LogoSpinner />
         </div>
       )}
     </>

web/pages/profile/change-password.tsx

@@ -4,9 +4,10 @@ import { useRouter } from "next/router";
 import { Controller, useForm } from "react-hook-form";
 import { Eye, EyeOff } from "lucide-react";
 // ui
-import { Button, Input, Spinner, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
+import { Button, Input, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
 // components
 import { PasswordStrengthMeter } from "@/components/account";
+import { LogoSpinner } from "@/components/common";
 import { PageHead } from "@/components/core";
 import { SidebarHamburgerToggle } from "@/components/core/sidebar";
 import { getPasswordStrength } from "@/helpers/password.helper";
@@ -133,7 +134,7 @@ const ChangePasswordPage: NextPageWithLayout = observer(() => {
   if (isPageLoading)
     return (
       <div className="grid h-screen w-full place-items-center">
-        <Spinner />
+        <LogoSpinner />
       </div>
     );
 

web/pages/profile/index.tsx

@@ -8,17 +8,9 @@ import { Disclosure, Transition } from "@headlessui/react";
 // layouts
 // components
 import type { IUser } from "@plane/types";
-import {
-  Button,
-  CustomSelect,
-  CustomSearchSelect,
-  Input,
-  Spinner,
-  TOAST_TYPE,
-  setPromiseToast,
-  setToast,
-} from "@plane/ui";
+import { Button, CustomSelect, CustomSearchSelect, Input, TOAST_TYPE, setPromiseToast, setToast } from "@plane/ui";
 import { DeactivateAccountModal } from "@/components/account";
+import { LogoSpinner } from "@/components/common";
 import { ImagePickerPopover, UserImageUploadModal, PageHead } from "@/components/core";
 // ui
 // icons
@@ -134,7 +126,7 @@ const ProfileSettingsPage: NextPageWithLayout = observer(() => {
   if (!currentUser)
     return (
       <div className="grid h-full w-full place-items-center px-4 sm:px-0">
-        <Spinner />
+        <LogoSpinner />
       </div>
     );
 

web/pages/profile/preferences/theme.tsx

@@ -2,8 +2,9 @@ import { useEffect, useState, ReactElement } from "react";
 import { observer } from "mobx-react";
 import { useTheme } from "next-themes";
 // ui
-import { Spinner, setPromiseToast } from "@plane/ui";
+import { setPromiseToast } from "@plane/ui";
 // components
+import { LogoSpinner } from "@/components/common";
 import { CustomThemeSelector, ThemeSwitch, PageHead } from "@/components/core";
 // constants
 import { I_THEME_OPTION, THEME_OPTIONS } from "@/constants/themes";
@@ -68,7 +69,7 @@ const ProfilePreferencesThemePage: NextPageWithLayout = observer(() => {
         </div>
       ) : (
         <div className="grid h-full w-full place-items-center px-4 sm:px-0">
-          <Spinner />
+          <LogoSpinner />
         </div>
       )}
     </>

web/pages/workspace-invitations.tsx

@@ -3,8 +3,8 @@ import { observer } from "mobx-react";
 import { useRouter } from "next/router";
 import useSWR from "swr";
 import { Boxes, Check, Share2, Star, User2, X } from "lucide-react";
-import { Spinner } from "@plane/ui";
 // components
+import { LogoSpinner } from "@/components/common";
 import { EmptySpace, EmptySpaceItem } from "@/components/ui/empty-space";
 // constants
 import { WORKSPACE_INVITATION } from "@/constants/fetch-keys";
@@ -119,7 +119,7 @@ const WorkspaceInvitationPage: NextPageWithLayout = observer(() => {
         </EmptySpace>
       ) : (
         <div className="flex h-full w-full items-center justify-center">
-          <Spinner />
+          <LogoSpinner />
         </div>
       )}
     </div>