cf7847fadb
* remove background image, rename prop to refer to color, pass primary brand color * create helper method, send calculated gradient values into frontend props * test new helper method and refine how color is darkened
46 lines
1.4 KiB
JavaScript
46 lines
1.4 KiB
JavaScript
import { h, render } from 'preact';
|
|
import { getUserDataAndCsrfToken } from '@utilities/getUserDataAndCsrfToken';
|
|
|
|
HTMLDocument.prototype.ready = new Promise((resolve) => {
|
|
if (document.readyState !== 'loading') {
|
|
return resolve();
|
|
}
|
|
document.addEventListener('DOMContentLoaded', () => resolve());
|
|
return null;
|
|
});
|
|
|
|
function renderPage() {
|
|
const dataElement = document.getElementById('onboarding-container');
|
|
const communityConfig = {
|
|
communityName: dataElement.dataset.communityName,
|
|
communityLogo: dataElement.dataset.communityLogo,
|
|
communityBackgroundColor: dataElement.dataset.communityBackgroundColor,
|
|
communityBackgroundColor2: dataElement.dataset.communityBackgroundColor2,
|
|
communityDescription: dataElement.dataset.communityDescription,
|
|
};
|
|
import('../onboarding/Onboarding')
|
|
.then(({ Onboarding }) => {
|
|
render(
|
|
<Onboarding communityConfig={communityConfig} />,
|
|
document.getElementById('onboarding-container'),
|
|
);
|
|
})
|
|
.catch((error) => {
|
|
// eslint-disable-next-line no-console
|
|
console.error('Unable to load onboarding', error);
|
|
});
|
|
}
|
|
|
|
document.ready.then(
|
|
getUserDataAndCsrfToken()
|
|
.then(({ currentUser, csrfToken }) => {
|
|
window.currentUser = currentUser;
|
|
window.csrfToken = csrfToken;
|
|
|
|
renderPage();
|
|
})
|
|
.catch((error) => {
|
|
// eslint-disable-next-line no-console
|
|
console.error('Error getting user and CSRF Token', error);
|
|
}),
|
|
);
|