feat(ThemeSection): Include parent themeSection

Also adds the name of the current & parent themeSection to the theme context for better debugging
5app · Mar 2, 2020 · 0a21ad4 · 0a21ad4
1 parent 000d099
commit 0a21ad4
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/ThemeSection/index.js b/src/ThemeSection/index.js
@@ -10,6 +10,8 @@ function ThemeSection(props) {
 
 	const constructLocalTheme = useCallback(
 		(parentTheme = baseTheme) => {
+			const localThemeSection = parentTheme.sections[name];
+			const parentThemeSectionName = parentTheme.currentThemeSectionName;
 			const colorBlockOverrides = getReadableColorblock(
 				parentTheme.globals.colorBlocks,
 				colorBlock,
@@ -18,8 +20,11 @@ function ThemeSection(props) {
 
 			return {
 				...parentTheme,
-				...parentTheme.sections[name],
+				...localThemeSection,
 				...colorBlockOverrides,
+				currentThemeSectionName: name,
+				parent: parentTheme.sections[parentThemeSectionName],
+				parentThemeSectionName,
 			};
 		},
 		[baseTheme, colorBlock, hasBgImage, name]