about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/packs/admin.js
diff options
context:
space:
mode:
authorClaire <claire.github-309c@sitedethib.com>2022-02-16 16:15:22 +0100
committerClaire <claire.github-309c@sitedethib.com>2022-02-16 16:33:23 +0100
commitec4f9066189fbab4368a275e9cd654dc7ad48217 (patch)
tree6e441c18a62abd03e04f3d245ae488d510f16775 /app/javascript/flavours/glitch/packs/admin.js
parent6f78c66fe01921a4e7e01aa6e2386a5fce7f3afd (diff)
Fix toggling sidebar on mobile in admin pages
Diffstat (limited to 'app/javascript/flavours/glitch/packs/admin.js')
-rw-r--r--app/javascript/flavours/glitch/packs/admin.js60
1 files changed, 18 insertions, 42 deletions
diff --git a/app/javascript/flavours/glitch/packs/admin.js b/app/javascript/flavours/glitch/packs/admin.js
index b26df932c..4c09ddb05 100644
--- a/app/javascript/flavours/glitch/packs/admin.js
+++ b/app/javascript/flavours/glitch/packs/admin.js
@@ -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);
-
-  });
+});