Fix toggling sidebar on mobile in admin pages

This commit is contained in:
Claire 2022-02-16 16:15:22 +01:00
parent 6f78c66fe0
commit ec4f906618

View file

@ -1,48 +1,24 @@
import 'packs/public-path'; import 'packs/public-path';
import loadPolyfills from 'flavours/glitch/util/load_polyfills';
import ready from 'flavours/glitch/util/ready'; import ready from 'flavours/glitch/util/ready';
import loadKeyboardExtensions from 'flavours/glitch/util/load_keyboard_extensions';
function main() { ready(() => {
const { delegate } = require('@rails/ujs'); const React = require('react');
const ReactDOM = require('react-dom');
ready(() => { [].forEach.call(document.querySelectorAll('[data-admin-component]'), element => {
const React = require('react'); const componentName = element.getAttribute('data-admin-component');
const ReactDOM = require('react-dom'); const { locale, ...componentProps } = JSON.parse(element.getAttribute('data-props'));
[].forEach.call(document.querySelectorAll('[data-admin-component]'), element => { import('flavours/glitch/containers/admin_component').then(({ default: AdminComponent }) => {
const componentName = element.getAttribute('data-admin-component'); return import('flavours/glitch/components/admin/' + componentName).then(({ default: Component }) => {
const { locale, ...componentProps } = JSON.parse(element.getAttribute('data-props')); ReactDOM.render((
<AdminComponent locale={locale}>
import('flavours/glitch/containers/admin_component').then(({ default: AdminComponent }) => { <Component {...componentProps} />
return import('flavours/glitch/components/admin/' + componentName).then(({ default: Component }) => { </AdminComponent>
ReactDOM.render(( ), element);
<AdminComponent locale={locale}>
<Component {...componentProps} />
</AdminComponent>
), element);
});
}).catch(error => {
console.error(error);
}); });
}).catch(error => {
console.error(error);
}); });
}); });
});
delegate(document, '.sidebar__toggle__icon', 'click', () => {
const target = document.querySelector('.sidebar ul');
if (target.style.display === 'block') {
target.style.display = 'none';
} else {
target.style.display = 'block';
}
});
}
loadPolyfills()
.then(main)
.then(loadKeyboardExtensions)
.catch(error => {
console.error(error);
});