YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: inject additional style and scripts

Browse Source
This commit is contained in:
Steven
2023-09-12 23:43:32 +08:00
parent 58429f88a0
commit 416e07cb1f
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/App.tsx
View File

@ -59,7 +59,6 @@ const App = () => {
} }
}, []); }, []);
// Inject additional style and script codes.
useEffect(() => { useEffect(() => {
if (systemStatus.additionalStyle) { if (systemStatus.additionalStyle) {
const styleEl = document.createElement("style"); const styleEl = document.createElement("style");
@ -67,17 +66,22 @@ const App = () => {
styleEl.setAttribute("type", "text/css"); styleEl.setAttribute("type", "text/css");
document.body.insertAdjacentElement("beforeend", styleEl); document.body.insertAdjacentElement("beforeend", styleEl);
} }
}, [systemStatus.additionalStyle]);
useEffect(() => {
if (systemStatus.additionalScript) { if (systemStatus.additionalScript) {
const scriptEl = document.createElement("script"); const scriptEl = document.createElement("script");
scriptEl.innerHTML = systemStatus.additionalScript; scriptEl.innerHTML = systemStatus.additionalScript;
document.head.appendChild(scriptEl); document.head.appendChild(scriptEl);
} }
}, [systemStatus.additionalScript]);
useEffect(() => {
// dynamic update metadata with customized profile. // dynamic update metadata with customized profile.
document.title = systemStatus.customizedProfile.name; document.title = systemStatus.customizedProfile.name;
const link = document.querySelector("link[rel~='icon']") as HTMLLinkElement; const link = document.querySelector("link[rel~='icon']") as HTMLLinkElement;
link.href = systemStatus.customizedProfile.logoUrl || "/logo.webp"; link.href = systemStatus.customizedProfile.logoUrl || "/logo.webp";
}, [systemStatus]); }, [systemStatus.customizedProfile]);
useEffect(() => { useEffect(() => {
document.documentElement.setAttribute("lang", locale); document.documentElement.setAttribute("lang", locale);