Skip to content

Commit

Permalink
Fix toggling sidebar on mobile in admin pages
Browse files Browse the repository at this point in the history
  • Loading branch information
ClearlyClaire authored and atsu1125 committed Aug 28, 2022
1 parent 5cb0d08 commit ba27361
Showing 1 changed file with 18 additions and 42 deletions.
60 changes: 18 additions & 42 deletions app/javascript/flavours/glitch/packs/admin.js
Original file line number Diff line number Diff line change
@@ -1,48 +1,24 @@
import 'packs/public-path';
import loadPolyfills from 'flavours/glitch/util/load_polyfills';
import ready from 'flavours/glitch/util/ready';
import loadKeyboardExtensions from 'flavours/glitch/util/load_keyboard_extensions';

function main() {
const { delegate } = require('@rails/ujs');

ready(() => {
const React = require('react');
const ReactDOM = require('react-dom');

[].forEach.call(document.querySelectorAll('[data-admin-component]'), element => {
const componentName = element.getAttribute('data-admin-component');
const { locale, ...componentProps } = JSON.parse(element.getAttribute('data-props'));

import('flavours/glitch/containers/admin_component').then(({ default: AdminComponent }) => {
return import('flavours/glitch/components/admin/' + componentName).then(({ default: Component }) => {
ReactDOM.render((
<AdminComponent locale={locale}>
<Component {...componentProps} />
</AdminComponent>
), element);
});
}).catch(error => {
console.error(error);
ready(() => {
const React = require('react');
const ReactDOM = require('react-dom');

[].forEach.call(document.querySelectorAll('[data-admin-component]'), element => {
const componentName = element.getAttribute('data-admin-component');
const { locale, ...componentProps } = JSON.parse(element.getAttribute('data-props'));

import('flavours/glitch/containers/admin_component').then(({ default: AdminComponent }) => {
return import('flavours/glitch/components/admin/' + componentName).then(({ default: Component }) => {
ReactDOM.render((
<AdminComponent locale={locale}>
<Component {...componentProps} />
</AdminComponent>
), element);
});
}).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);

});
});

0 comments on commit ba27361

Please sign in to comment.