agtic/keycloak_theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

kcHeaderClass can be updated after initial mount

Browse Source
This commit is contained in:
Joseph Garrone
2021-03-21 22:10:33 +01:00
parent 12f69b593f
commit 1606c2884d
2 changed files with 29 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "keycloakify", "name": "keycloakify",
"version": "0.3.0", "version": "0.3.1",
"description": "Keycloak theme generator for Reacts app", "description": "Keycloak theme generator for Reacts app",
"repository": { "repository": {
"type": "git", "type": "git",

21
src/lib/components/Template.tsx
View File

@ -86,6 +86,7 @@ export const Template = memo((props: TemplateProps) => {
useEffect(() => { useEffect(() => {
let isUnmounted = false; let isUnmounted = false;
const cleanups: (() => void)[] = [];
const toArr = (x: string | readonly string[] | undefined) => const toArr = (x: string | readonly string[] | undefined) =>
typeof x === "string" ? x.split(" ") : x ?? []; typeof x === "string" ? x.split(" ") : x ?? [];
@ -116,15 +117,27 @@ export const Template = memo((props: TemplateProps) => {
if (props.kcHtmlClass !== undefined) { if (props.kcHtmlClass !== undefined) {
const htmlClassList =
document.getElementsByTagName("html")[0] document.getElementsByTagName("html")[0]
.classList .classList;
.add(...cx(props.kcHtmlClass).split(" "));
const tokens = cx(props.kcHtmlClass).split(" ")
htmlClassList.add(...tokens);
cleanups.push(() => htmlClassList.remove(...tokens));
} }
return () => { isUnmounted = true; }; return () => {
}, []); isUnmounted = true;
cleanups.forEach(f => f());
};
}, [props.kcHeaderClass]);
if (!isExtraCssLoaded) { if (!isExtraCssLoaded) {
return null; return null;