UI - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: контроль цветов и реворк интерфейса проектов

plane-src/apps/web/app/(all)/[workspaceSlug]/(projects)/top-toolbar/expanded-layout.tsx

@@ -33,7 +33,7 @@ export const ExpandedProjectShellToolbarLayout = ({
 
   return (
     <div
-      className={cn("z-20 w-full flex-shrink-0 px-5 pt-4 pb-3", {
+      className={cn("nodedc-expanded-toolbar-shell w-full flex-shrink-0 px-5 pt-4 pb-3", {
         "nodedc-home-top-toolbar": isWorkspaceHome,
       })}
     >

plane-src/apps/web/app/entry.client.tsx

@@ -5,12 +5,11 @@
  */
 
 import { startTransition, StrictMode } from "react";
-import { hydrateRoot } from "react-dom/client";
+import { createRoot } from "react-dom/client";
 import { HydratedRouter } from "react-router/dom";
 
 startTransition(() => {
-  hydrateRoot(
-    document,
+  createRoot(document).render(
     <StrictMode>
       <HydratedRouter />
     </StrictMode>

plane-src/apps/web/app/root.tsx

@@ -8,7 +8,7 @@ import type { CSSProperties, ReactNode } from "react";
 import Script from "next/script";
 import { Links, Meta, Outlet, Scripts } from "react-router";
 import type { LinksFunction } from "react-router";
-import { ThemeProvider, useTheme } from "next-themes";
+import { ThemeProvider } from "next-themes";
 // plane imports
 import { SITE_DESCRIPTION, SITE_NAME } from "@plane/constants";
 import { cn } from "@plane/utils";
@@ -24,7 +24,6 @@ import globalStyles from "@/styles/globals.css?url";
 import type { Route } from "./+types/root";
 import designConfig from "../design.config.json";
 // components
-import { LogoSpinner } from "@/components/common/logo-spinner";
 // local
 import { CustomErrorComponent } from "./error";
 import { AppProvider } from "./provider";
@@ -192,16 +191,7 @@ export default function Root() {
 }
 
 export function HydrateFallback() {
-  const { resolvedTheme } = useTheme();
-
-  // if we are on the server or the theme is not resolved, return an empty div
-  if (typeof window === "undefined" || resolvedTheme === undefined) return <div />;
-
-  return (
-    <div className="relative flex h-screen w-full items-center justify-center bg-canvas">
-      <LogoSpinner />
-    </div>
-  );
+  return null;
 }
 
 export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {