feat: Admin Wizard

feat: Wallet admin wizard
feat: Notifications admin wizard
feat: Twillio admin wizard
feat: Commissions admin wizard
feat: OperatorInfor admin wizard
feat: Locales admin wizard
feat: wizard admin route
fix: better margin for admin wizard sidebar
feat: allow FormRenderer to receive a field xs size
feat: add a few flags on notifications, to reuse component parts as desired
fix: wrong gql
fix: missnig prop
fix: eslint
fix: radio styles
feat: configure bitgo wallet for single cryptocurrency on wizard
fix: eslint
feat: set up infura wallet on wizard
feat: exchange account config on wizard
fix: choose wallet choose exchange DRY
fix: layout
fix: rebase wizard to use commissions new changes
fix: typo
fix: eslint
fix: horizontal radios
feat: radio interacts with mailgun enabled/disabled state
fix: use yup to validate wizard steps
fix: eslint
feat: add xl size for button
feat: admin wizard splash
feat: use fullsize modal for wizard
fix: eslint
feat: Footer styles
feat: wizard footer styles
fix: wallet step styles
fix: zeplin spec
fix: zeplin styles
feat: blockcypher link
fix: xs can only be used on item
feat: minimize wizard footer on click away
feat: read blockcypher config
fix: all set title styles do not match
fix: no need to wrap the wrapper
feat: allow to override Setup table width for wizard
fix: wrapper class for wizard steps
fix: layout elements for mailgun step
feat: use yup to validate wizard steps
style: eslint
feat: operator info components open by default on wizard
fix: all set table is too wide
feat: full example modal
feat: check if wallet has valid config
feat: check if twilio has valid config

new-lamassu-admin/src/pages/Wizard/components/Welcome.js

@@ -0,0 +1,53 @@
+import { makeStyles } from '@material-ui/core'
+import React, { useEffect } from 'react'
+import { useHistory } from 'react-router-dom'
+
+import { Button } from 'src/components/buttons'
+import { H1, P } from 'src/components/typography'
+import { comet } from 'src/styling/variables'
+
+const styles = {
+  welcome: {
+    textAlign: 'center',
+    paddingTop: 256
+  },
+  title: {
+    lineHeight: 1,
+    fontSize: 48
+  },
+  getStarted: {
+    fontSize: 24,
+    fontWeight: 500,
+    marginBottom: 54,
+    color: comet
+  }
+}
+
+const useStyles = makeStyles(styles)
+
+function Welcome({ dispatch }) {
+  const classes = useStyles()
+
+  useEffect(() => {
+    dispatch({ type: 'wizard/SET_STEP', payload: 'welcome' })
+  }, [dispatch])
+
+  const history = useHistory()
+  const handleClick = () => history.push('/wizard/wallets')
+
+  return (
+    <div className={classes.welcome}>
+      <H1 className={classes.title}>Welcome to Lamassu Admin</H1>
+      <P className={classes.getStarted}>
+        To get started, we’ve put together wizard that will
+        <br />
+        help set up you need before start adding machines.
+      </P>
+      <Button size={'xl'} onClick={handleClick}>
+        Get started
+      </Button>
+    </div>
+  )
+}
+
+export default Welcome