UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: отключение межстраничного лоудера

plane-src/apps/web/core/components/common/logo-spinner.tsx

@@ -4,12 +4,19 @@
  * See the LICENSE file for details.
  */
 
-import { NodedcProcessingLoader } from "./nodedc-processing-loader";
+import { useTheme } from "next-themes";
+// assets
+import LogoSpinnerDark from "@/app/assets/images/logo-spinner-dark.gif?url";
+import LogoSpinnerLight from "@/app/assets/images/logo-spinner-light.gif?url";
 
 export function LogoSpinner() {
+  const { resolvedTheme } = useTheme();
+
+  const logoSrc = resolvedTheme === "dark" ? LogoSpinnerDark : LogoSpinnerLight;
+
   return (
     <div className="flex items-center justify-center">
-      <NodedcProcessingLoader tone="white" variant="fluid" />
+      <img src={logoSrc} alt="logo" className="h-6 w-auto object-contain sm:h-11" />
     </div>
   );
 }

plane-src/apps/web/core/components/common/nodedc-processing-loader.tsx

@@ -4,23 +4,13 @@ type TNodedcProcessingLoaderProps = {
   className?: string;
   label?: string;
   tone?: "accent" | "white";
-  variant?: "orbit" | "fluid";
 };
 
-export function NodedcProcessingLoader({
-  className,
-  label,
-  tone = "accent",
-  variant = "orbit",
-}: TNodedcProcessingLoaderProps) {
+export function NodedcProcessingLoader({ className, label, tone = "accent" }: TNodedcProcessingLoaderProps) {
   return (
     <div className={cn("flex flex-col items-center justify-center gap-5 text-center", className)}>
       <span
-        className={cn(
-          "nodedc-processing-loader",
-          variant === "fluid" && "nodedc-processing-loader-fluid",
-          tone === "white" && "nodedc-processing-loader-white"
-        )}
+        className={cn("nodedc-processing-loader", tone === "white" && "nodedc-processing-loader-white")}
         aria-hidden="true"
       />
       {label && <div className="text-18 font-semibold text-primary">{label}</div>}