diff --git a/client/admin/admin.jsx b/client/admin/admin.jsx
index 787c2a3eb..5a9a55fc8 100644
--- a/client/admin/admin.jsx
+++ b/client/admin/admin.jsx
@@ -1,7 +1,7 @@
import './admin.less';
import React, { useEffect, useState } from 'react';
-const BrewUtils = require('./brewUtils/brewUtils.jsx');
-const NotificationUtils = require('./notificationUtils/notificationUtils.jsx');
+import BrewUtils from "./brewUtils/brewUtils.jsx";
+import NotificationUtils from './notificationUtils/notificationUtils.jsx';
import AuthorUtils from './authorUtils/authorUtils.jsx';
import LockTools from './lockTools/lockTools.jsx';
@@ -49,4 +49,4 @@ const Admin = ()=>{
);
};
-module.exports = Admin;
+export default Admin;
diff --git a/client/admin/authorUtils/authorLookup/authorLookup.jsx b/client/admin/authorUtils/authorLookup/authorLookup.jsx
index abdece6f7..cdfe6274b 100644
--- a/client/admin/authorUtils/authorLookup/authorLookup.jsx
+++ b/client/admin/authorUtils/authorLookup/authorLookup.jsx
@@ -84,4 +84,4 @@ const authorLookup = ()=>{
);
};
-module.exports = authorLookup;
+export default authorLookup;
diff --git a/client/admin/authorUtils/authorUtils.jsx b/client/admin/authorUtils/authorUtils.jsx
index a96eea528..ef717a1ec 100644
--- a/client/admin/authorUtils/authorUtils.jsx
+++ b/client/admin/authorUtils/authorUtils.jsx
@@ -10,4 +10,4 @@ const authorUtils = ()=>{
);
};
-module.exports = authorUtils;
\ No newline at end of file
+export default authorUtils;
\ No newline at end of file
diff --git a/client/admin/brewUtils/brewCleanup/brewCleanup.jsx b/client/admin/brewUtils/brewCleanup/brewCleanup.jsx
index d4b17c570..1675bdc95 100644
--- a/client/admin/brewUtils/brewCleanup/brewCleanup.jsx
+++ b/client/admin/brewUtils/brewCleanup/brewCleanup.jsx
@@ -1,7 +1,5 @@
-const React = require('react');
-const createClass = require('create-react-class');
-
-const request = require('superagent');
+import React, {createClass} from 'react';
+import request from 'superagent';
const BrewCleanup = createClass({
displayName : 'BrewCleanup',
@@ -69,4 +67,4 @@ const BrewCleanup = createClass({
}
});
-module.exports = BrewCleanup;
+export default BrewCleanup;
diff --git a/client/admin/brewUtils/brewCompress/brewCompress.jsx b/client/admin/brewUtils/brewCompress/brewCompress.jsx
index ccb59e027..2aee2a511 100644
--- a/client/admin/brewUtils/brewCompress/brewCompress.jsx
+++ b/client/admin/brewUtils/brewCompress/brewCompress.jsx
@@ -1,6 +1,5 @@
-const React = require('react');
-const createClass = require('create-react-class');
-const request = require('superagent');
+import React, {createClass} from 'react';
+import request from 'superagent';
const BrewCompress = createClass({
displayName : 'BrewCompress',
@@ -85,4 +84,4 @@ const BrewCompress = createClass({
}
});
-module.exports = BrewCompress;
+export default BrewCompress;
diff --git a/client/admin/brewUtils/brewLookup/brewLookup.jsx b/client/admin/brewUtils/brewLookup/brewLookup.jsx
index fb780f29e..3211b43aa 100644
--- a/client/admin/brewUtils/brewLookup/brewLookup.jsx
+++ b/client/admin/brewUtils/brewLookup/brewLookup.jsx
@@ -1,10 +1,8 @@
-const React = require('react');
-const createClass = require('create-react-class');
-const cx = require('classnames');
-
-const request = require('superagent');
-const Moment = require('moment');
+import React, {createClass} from 'react';
+import request from 'superagent';
+import cx from 'classnames';
+import Moment from 'moment';
const BrewLookup = createClass({
getDefaultProps() {
@@ -110,4 +108,4 @@ const BrewLookup = createClass({
}
});
-module.exports = BrewLookup;
+export default BrewLookup;
diff --git a/client/admin/brewUtils/brewUtils.jsx b/client/admin/brewUtils/brewUtils.jsx
index bab2cb82f..7e0159797 100644
--- a/client/admin/brewUtils/brewUtils.jsx
+++ b/client/admin/brewUtils/brewUtils.jsx
@@ -1,15 +1,14 @@
-const React = require('react');
-const createClass = require('create-react-class');
-require('./brewUtils.less');
+import React from "react";
+import "./brewUtils.less";
-const BrewCleanup = require('./brewCleanup/brewCleanup.jsx');
-const BrewLookup = require('./brewLookup/brewLookup.jsx');
-const BrewCompress = require ('./brewCompress/brewCompress.jsx');
-const Stats = require('./stats/stats.jsx');
+import BrewCleanup from "./brewCleanup/brewCleanup.jsx";
+import BrewLookup from "./brewLookup/brewLookup.jsx";
+import BrewCompress from "./brewCompress/brewCompress.jsx";
+import Stats from "./stats/stats.jsx";
-const BrewUtils = createClass({
- render : function(){
- return <>
+const BrewUtils = () => {
+ return (
+ <>
@@ -17,8 +16,7 @@ const BrewUtils = createClass({
- >;
- }
-});
-
-module.exports = BrewUtils;
+ >
+ );
+};
+export default BrewUtils;
diff --git a/client/admin/brewUtils/stats/stats.jsx b/client/admin/brewUtils/stats/stats.jsx
index 7f96618f9..988bfbdfb 100644
--- a/client/admin/brewUtils/stats/stats.jsx
+++ b/client/admin/brewUtils/stats/stats.jsx
@@ -1,7 +1,5 @@
-const React = require('react');
-const createClass = require('create-react-class');
-
-const request = require('superagent');
+import React, {createClass} from 'react';
+import request from 'superagent';
const Stats = createClass({
displayName : 'Stats',
@@ -43,4 +41,4 @@ const Stats = createClass({
}
});
-module.exports = Stats;
+export default Stats;
diff --git a/client/admin/lockTools/lockTools.jsx b/client/admin/lockTools/lockTools.jsx
index 9a28d330f..f2701c47e 100644
--- a/client/admin/lockTools/lockTools.jsx
+++ b/client/admin/lockTools/lockTools.jsx
@@ -1,7 +1,6 @@
/*eslint max-lines: ["warn", {"max": 500, "skipBlankLines": true, "skipComments": true}]*/
require('./lockTools.less');
-const React = require('react');
-const createClass = require('create-react-class');
+import React, {createClass} from 'react';
import request from '../../homebrew/utils/request-middleware.js';
@@ -339,4 +338,4 @@ const LockLookup = createClass({
}
});
-module.exports = LockTools;
\ No newline at end of file
+export default LockTools;
\ No newline at end of file
diff --git a/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx b/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx
index 0cca1047e..122b0320c 100644
--- a/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx
+++ b/client/admin/notificationUtils/notificationAdd/notificationAdd.jsx
@@ -1,7 +1,6 @@
require('./notificationAdd.less');
-const React = require('react');
-const { useState, useRef } = require('react');
-const request = require('superagent');
+import React, { useState, useRef } from 'react';
+import request from 'superagent';
const NotificationAdd = ()=>{
const [notificationResult, setNotificationResult] = useState(null);
@@ -106,4 +105,4 @@ const NotificationAdd = ()=>{
);
};
-module.exports = NotificationAdd;
+export default NotificationAdd;
diff --git a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
index 05f81b776..e3c0e0ae4 100644
--- a/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
+++ b/client/admin/notificationUtils/notificationLookup/notificationLookup.jsx
@@ -1,9 +1,8 @@
require('./notificationLookup.less');
-const React = require('react');
-const { useState } = require('react');
-const request = require('superagent');
-const Moment = require('moment');
+import React, { useState} from 'react';
+import request from 'superagent';
+import Moment from 'moment';
const NotificationDetail = ({ notification, onDelete })=>(
<>
@@ -102,4 +101,4 @@ const NotificationLookup = ()=>{
);
};
-module.exports = NotificationLookup;
+export default NotificationLookup;
diff --git a/client/admin/notificationUtils/notificationUtils.jsx b/client/admin/notificationUtils/notificationUtils.jsx
index 22ea21328..00db44a37 100644
--- a/client/admin/notificationUtils/notificationUtils.jsx
+++ b/client/admin/notificationUtils/notificationUtils.jsx
@@ -1,7 +1,6 @@
-const React = require('react');
-
-const NotificationLookup = require('./notificationLookup/notificationLookup.jsx');
-const NotificationAdd = require('./notificationAdd/notificationAdd.jsx');
+import React from 'react';
+import NotificationLookup from './notificationLookup/notificationLookup.jsx';
+import NotificationAdd from './notificationAdd/notificationAdd.jsx';
const NotificationUtils = ()=>{
return (
@@ -12,4 +11,4 @@ const NotificationUtils = ()=>{
);
};
-module.exports = NotificationUtils;
+export default NotificationUtils;
diff --git a/client/components/codeEditor/autocompleteEmoji.js b/client/components/codeEditor/autocompleteEmoji.js
index ae7f2628f..d5a3a71aa 100644
--- a/client/components/codeEditor/autocompleteEmoji.js
+++ b/client/components/codeEditor/autocompleteEmoji.js
@@ -79,6 +79,6 @@ const showAutocompleteEmoji = function(CodeMirror, editor) {
});
};
-module.exports = {
+export default {
showAutocompleteEmoji
};
\ No newline at end of file
diff --git a/client/components/codeEditor/close-tag.js b/client/components/codeEditor/close-tag.js
index 728b63a5c..ebf9f9320 100644
--- a/client/components/codeEditor/close-tag.js
+++ b/client/components/codeEditor/close-tag.js
@@ -38,7 +38,7 @@ const autoCloseCurlyBraces = function(CodeMirror, cm, typingClosingBrace) {
}
};
-module.exports = {
+export default {
autoCloseCurlyBraces : function(CodeMirror, codeMirror) {
const map = { name: 'autoCloseCurlyBraces' };
map[`'{'`] = function(cm) { return autoCloseCurlyBraces(CodeMirror, cm); };
diff --git a/client/components/codeEditor/codeEditor.jsx b/client/components/codeEditor/codeEditor.jsx
index fb69b6dcf..cd759463f 100644
--- a/client/components/codeEditor/codeEditor.jsx
+++ b/client/components/codeEditor/codeEditor.jsx
@@ -461,5 +461,5 @@ const CodeEditor = createClass({
}
});
-module.exports = CodeEditor;
+export default CodeEditor;
diff --git a/client/components/codeEditor/fold-css.js b/client/components/codeEditor/fold-css.js
index 338cab176..06bfd96a4 100644
--- a/client/components/codeEditor/fold-css.js
+++ b/client/components/codeEditor/fold-css.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
registerHomebreweryHelper : function(CodeMirror) {
CodeMirror.registerHelper('fold', 'homebrewerycss', function(cm, start) {
diff --git a/client/components/codeEditor/fold-pages.js b/client/components/codeEditor/fold-pages.js
index cff1c64e0..1d8d19f6b 100644
--- a/client/components/codeEditor/fold-pages.js
+++ b/client/components/codeEditor/fold-pages.js
@@ -1,4 +1,4 @@
-module.exports = {
+export default {
registerHomebreweryHelper : function(CodeMirror) {
CodeMirror.registerHelper('fold', 'homebrewery', function(cm, start) {
const matcher = /^\\page.*/;
diff --git a/client/components/combobox.jsx b/client/components/combobox.jsx
index ae9f1d7f8..22afab766 100644
--- a/client/components/combobox.jsx
+++ b/client/components/combobox.jsx
@@ -126,4 +126,4 @@ const Combobox = createClass({
}
});
-module.exports = Combobox;
+export default Combobox;
diff --git a/client/components/renderWarnings/renderWarnings.jsx b/client/components/renderWarnings/renderWarnings.jsx
index 6b8ea8184..b1e93acc8 100644
--- a/client/components/renderWarnings/renderWarnings.jsx
+++ b/client/components/renderWarnings/renderWarnings.jsx
@@ -57,4 +57,4 @@ const RenderWarnings = createClass({
}
});
-module.exports = RenderWarnings;
+export default RenderWarnings;
diff --git a/client/components/splitPane/splitPane.jsx b/client/components/splitPane/splitPane.jsx
index 78ba59ed3..c92cc5c5f 100644
--- a/client/components/splitPane/splitPane.jsx
+++ b/client/components/splitPane/splitPane.jsx
@@ -108,4 +108,4 @@ const Pane = ({ width, children, isDragging, moveBrew, moveSource, liveScroll, s
);
};
-module.exports = SplitPane;
+export default SplitPane;
diff --git a/client/components/svg/cauldron.svg.jsx b/client/components/svg/cauldron.svg.jsx
index 49405783b..e57d50f48 100644
--- a/client/components/svg/cauldron.svg.jsx
+++ b/client/components/svg/cauldron.svg.jsx
@@ -1,7 +1,7 @@
const React = require('react');
const createClass = require('create-react-class');
-module.exports = function(props){
+export default function(props){
return