From 43e032e25a9aee2368a548d351620485d4609ead Mon Sep 17 00:00:00 2001 From: sabaimran Date: Thu, 6 Feb 2025 16:17:58 -0800 Subject: [PATCH] Improve handling of dark mode theme in order to avoid jitter when loading new page --- src/interface/web/app/agents/layout.tsx | 21 +++++++++- src/interface/web/app/agents/page.tsx | 2 +- src/interface/web/app/chat/layout.tsx | 25 ++++++++++-- src/interface/web/app/common/utils.ts | 34 +++++++++++++++++ .../app/components/appSidebar/appSidebar.tsx | 2 +- .../web/app/components/navMenu/navMenu.tsx | 38 +------------------ .../components/providers/themeProvider.tsx | 8 ++++ src/interface/web/app/layout.tsx | 21 +++++++++- src/interface/web/app/page.tsx | 1 - src/interface/web/app/search/layout.tsx | 20 +++++++++- src/interface/web/app/settings/layout.tsx | 23 +++++++++-- src/interface/web/app/share/chat/layout.tsx | 25 ++++++++++-- 12 files changed, 166 insertions(+), 54 deletions(-) create mode 100644 src/interface/web/app/components/providers/themeProvider.tsx diff --git a/src/interface/web/app/agents/layout.tsx b/src/interface/web/app/agents/layout.tsx index 04855b43..26935325 100644 --- a/src/interface/web/app/agents/layout.tsx +++ b/src/interface/web/app/agents/layout.tsx @@ -2,6 +2,7 @@ import type { Metadata } from "next"; import { noto_sans, noto_sans_arabic } from "@/app/fonts"; import "../globals.css"; import { ContentSecurityPolicy } from "../common/layoutHelper"; +import { ThemeProvider } from "../components/providers/themeProvider"; export const metadata: Metadata = { title: "Khoj AI - Agents", @@ -40,8 +41,26 @@ export default function RootLayout({ }>) { return ( + +