feat: add theme settings provider

10up · Jul 15, 2024 · 0753094 · 0753094
1 parent 4adc11b
commit 0753094
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/projects/wp-nextjs-app/src/app/layout.tsx b/projects/wp-nextjs-app/src/app/layout.tsx
@@ -2,7 +2,7 @@ import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
 import './globals.css';
 import { PreviewIndicator, queryAppSettings } from '@headstartwp/next/app';
-import { Menu, SettingsProvider } from '@headstartwp/core/react';
+import { Menu, SettingsProvider, ThemeSettingsProvider } from '@headstartwp/core/react';
 import { getHeadstartWPConfig } from '@headstartwp/core';
 
 const inter = Inter({ subsets: ['latin'] });
@@ -17,16 +17,18 @@ const RootLayout = async ({
 }: Readonly<{
 	children: React.ReactNode;
 }>) => {
-	const { menu } = await queryAppSettings({ menu: 'primary' });
+	const { menu, data } = await queryAppSettings({ menu: 'primary' });
 
 	return (
 		<html lang="en">
 			<body className={inter.className}>
-				<SettingsProvider settings={getHeadstartWPConfig()}>
-					{menu ? <Menu items={menu} /> : null}
-					{children}
-					<PreviewIndicator className="form-container" />
-				</SettingsProvider>
+				<ThemeSettingsProvider data={data['theme.json']}>
+					<SettingsProvider settings={getHeadstartWPConfig()}>
+						{menu ? <Menu items={menu} /> : null}
+						{children}
+						<PreviewIndicator className="form-container" />
+					</SettingsProvider>
+				</ThemeSettingsProvider>
 			</body>
 		</html>
 	);