3436c4f1f5
* [WEB-5501] refactor: optimize component structures and improve hooks - Updated type definitions in AppProvider to use React.ReactNode for children. - Enhanced HomePeekOverviewsRoot by using MobX observer and integrating issue detail hook. - Optimized ContentOverflowWrapper to prevent unnecessary re-renders by adjusting useEffect dependencies. - Updated DashboardQuickLinks to include necessary dependencies in useCallback. - Refactored GlobalShortcutsProvider to utilize refs for context and handler management, improving performance. - Changed useCurrentTime to update every minute instead of every second. - Refactored outside click hooks to use useCallback for better performance. - Improved IntercomProvider and PostHogProvider to prevent multiple initializations using refs. * refactor: simplify conditional rendering in HomePeekOverviewsRoot component * refactor: improve outside click detection in sidebar and peek overview hooks * refactor: enhance IntercomProvider and PostHogProvider with hydration state management
65 lines
1.9 KiB
TypeScript
65 lines
1.9 KiB
TypeScript
import { lazy, Suspense } from "react";
|
|
import { useTheme, ThemeProvider } from "next-themes";
|
|
import { SWRConfig } from "swr";
|
|
// Plane Imports
|
|
import { WEB_SWR_CONFIG } from "@plane/constants";
|
|
import { TranslationProvider } from "@plane/i18n";
|
|
import { Toast } from "@plane/propel/toast";
|
|
// helpers
|
|
import { resolveGeneralTheme } from "@plane/utils";
|
|
// polyfills
|
|
import "@/lib/polyfills";
|
|
// progress bar
|
|
import { AppProgressBar } from "@/lib/b-progress";
|
|
// mobx store provider
|
|
import { StoreProvider } from "@/lib/store-context";
|
|
// wrappers
|
|
import { InstanceWrapper } from "@/lib/wrappers/instance-wrapper";
|
|
|
|
// lazy imports
|
|
const StoreWrapper = lazy(function StoreWrapper() {
|
|
return import("@/lib/wrappers/store-wrapper");
|
|
});
|
|
|
|
const PostHogProvider = lazy(function PostHogProvider() {
|
|
return import("@/lib/posthog-provider");
|
|
});
|
|
|
|
const IntercomProvider = lazy(function IntercomProvider() {
|
|
return import("@/lib/intercom-provider");
|
|
});
|
|
|
|
export interface IAppProvider {
|
|
children: React.ReactNode;
|
|
}
|
|
|
|
function ToastWithTheme() {
|
|
const { resolvedTheme } = useTheme();
|
|
return <Toast theme={resolveGeneralTheme(resolvedTheme)} />;
|
|
}
|
|
|
|
export function AppProvider(props: IAppProvider) {
|
|
const { children } = props;
|
|
// themes
|
|
return (
|
|
<StoreProvider>
|
|
<ThemeProvider themes={["light", "dark", "light-contrast", "dark-contrast", "custom"]} defaultTheme="system">
|
|
<AppProgressBar />
|
|
<TranslationProvider>
|
|
<ToastWithTheme />
|
|
<StoreWrapper>
|
|
<InstanceWrapper>
|
|
<Suspense>
|
|
<IntercomProvider>
|
|
<PostHogProvider>
|
|
<SWRConfig value={WEB_SWR_CONFIG}>{children}</SWRConfig>
|
|
</PostHogProvider>
|
|
</IntercomProvider>
|
|
</Suspense>
|
|
</InstanceWrapper>
|
|
</StoreWrapper>
|
|
</TranslationProvider>
|
|
</ThemeProvider>
|
|
</StoreProvider>
|
|
);
|
|
}
|