feat: add graphql support (#349)

* fix: eslint warnings

* refactor: use ramda + sanctuary instead of lodash

* refactor: use prettier-standard for formatting

* feat: enable security

* feat: add graphql

* chore: remove trailing commas from linter

* docs: new scripts on react and new-admin-server

* feat: handle authentication on graphql

* fix: perf improvement to date picker

* chore: add insecure-dev script to run servers

new-lamassu-admin/src/components/buttons/ActionButton.js

@@ -1,29 +1,40 @@
-import React, { memo } from 'react'
-import classnames from 'classnames'
 import { makeStyles } from '@material-ui/core/styles'
+import classnames from 'classnames'
+import React, { memo } from 'react'
 
 import styles from './ActionButton.styles'
 
 const useStyles = makeStyles(styles)
 
-const ActionButton = memo(({ className, Icon, InverseIcon, color, children, ...props }) => {
-  const classes = useStyles({ color })
-  const classNames = {
-    [classes.actionButton]: true,
-    [classes.primary]: color === 'primary',
-    [classes.secondary]: color === 'secondary'
-  }
+const ActionButton = memo(
+  ({ className, Icon, InverseIcon, color, children, ...props }) => {
+    const classes = useStyles({ color })
+    const classNames = {
+      [classes.actionButton]: true,
+      [classes.primary]: color === 'primary',
+      [classes.secondary]: color === 'secondary'
+    }
 
-  return (
-    <button className={classnames(classNames, className)} {...props}>
-      {Icon && <div className={classes.actionButtonIcon}><Icon /></div>}
-      {InverseIcon &&
-        <div className={classnames(classes.actionButtonIcon, classes.actionButtonIconActive)}>
-          <InverseIcon />
-        </div>}
-      {children && <div>{children}</div>}
-    </button>
-  )
-})
+    return (
+      <button className={classnames(classNames, className)} {...props}>
+        {Icon && (
+          <div className={classes.actionButtonIcon}>
+            <Icon />
+          </div>
+        )}
+        {InverseIcon && (
+          <div
+            className={classnames(
+              classes.actionButtonIcon,
+              classes.actionButtonIconActive
+            )}>
+            <InverseIcon />
+          </div>
+        )}
+        {children && <div>{children}</div>}
+      </button>
+    )
+  }
+)
 
 export default ActionButton