Rename, move, fix code
This commit is contained in:
		
							parent
							
								
									3238e60823
								
							
						
					
					
						commit
						8b8d58c670
					
				|  | @ -1,27 +1,11 @@ | ||||||
| import 'packs/public-path'; | import 'packs/public-path'; | ||||||
| import loadPolyfills from 'flavours/glitch/util/load_polyfills'; | 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 setupSidebar() { | function main() { | ||||||
|   const { delegate } = require('@rails/ujs'); |   const { delegate } = require('@rails/ujs'); | ||||||
| 
 | 
 | ||||||
|   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(setupSidebar) |  | ||||||
|   .catch(error => { |  | ||||||
|     console.error(error); |  | ||||||
|   }); |  | ||||||
| 
 |  | ||||||
|   ready(() => { |   ready(() => { | ||||||
|     const React    = require('react'); |     const React    = require('react'); | ||||||
|     const ReactDOM = require('react-dom'); |     const ReactDOM = require('react-dom'); | ||||||
|  | @ -43,3 +27,22 @@ ready(() => { | ||||||
|       }); |       }); | ||||||
|     }); |     }); | ||||||
|   }); |   }); | ||||||
|  | 
 | ||||||
|  |   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); | ||||||
|  | 
 | ||||||
|  |   }); | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue