f6d1b500da
Implemented a new ModeToggle feature for theme switching in personal account dropdown. The changes also made adjustments to several UI components, such as transforming Dialog to AlertDialog in transfer-ownership-dialog, and introducing invitation-submit-button in team-accounts. Some minor amendments include text changes and styling modifications.
41 lines
1.2 KiB
TypeScript
41 lines
1.2 KiB
TypeScript
'use client';
|
|
|
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
import { ReactQueryStreamedHydration } from '@tanstack/react-query-next-experimental';
|
|
import { ThemeProvider } from 'next-themes';
|
|
|
|
import { I18nProvider } from '@kit/i18n/provider';
|
|
import { AuthChangeListener } from '@kit/supabase/components/auth-change-listener';
|
|
|
|
import appConfig from '~/config/app.config';
|
|
import pathsConfig from '~/config/paths.config';
|
|
import { i18nResolver } from '~/lib/i18n/i18n.resolver';
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
export function RootProviders({
|
|
lang,
|
|
children,
|
|
}: React.PropsWithChildren<{
|
|
lang: string;
|
|
}>) {
|
|
return (
|
|
<QueryClientProvider client={queryClient}>
|
|
<ReactQueryStreamedHydration>
|
|
<AuthChangeListener appHomePath={pathsConfig.app.home}>
|
|
<I18nProvider lang={lang} resolver={i18nResolver}>
|
|
<ThemeProvider
|
|
attribute="class"
|
|
enableSystem
|
|
disableTransitionOnChange
|
|
defaultTheme={appConfig.theme}
|
|
>
|
|
{children}
|
|
</ThemeProvider>
|
|
</I18nProvider>
|
|
</AuthChangeListener>
|
|
</ReactQueryStreamedHydration>
|
|
</QueryClientProvider>
|
|
);
|
|
}
|