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/Wallet/helper.js

@@ -13,7 +13,8 @@ const WalletSchema = Yup.object().shape({
   zeroConf: Yup.string().required('Required')
 })
 
-const getElements = (cryptoCurrencies, accounts) => {
+const getElements = (cryptoCurrencies, accounts, wizard = false) => {
+  const widthAdjust = wizard ? 11 : 0
   const viewCryptoCurrency = it =>
     R.compose(
       R.prop(['display']),
@@ -36,7 +37,7 @@ const getElements = (cryptoCurrencies, accounts) => {
     {
       name: 'id',
       header: 'Cryptocurrency',
-      width: 180,
+      width: 180 - widthAdjust,
       view: viewCryptoCurrency,
       size: 'sm',
       editable: false
@@ -46,7 +47,7 @@ const getElements = (cryptoCurrencies, accounts) => {
       size: 'sm',
       stripe: true,
       view: getDisplayName('ticker'),
-      width: 190,
+      width: 190 - widthAdjust,
       input: Autocomplete,
       inputProps: {
         options: getOptions('ticker'),
@@ -60,7 +61,7 @@ const getElements = (cryptoCurrencies, accounts) => {
       size: 'sm',
       stripe: true,
       view: getDisplayName('wallet'),
-      width: 190,
+      width: 190 - widthAdjust,
       input: Autocomplete,
       inputProps: {
         options: getOptions('wallet'),
@@ -74,7 +75,7 @@ const getElements = (cryptoCurrencies, accounts) => {
       size: 'sm',
       stripe: true,
       view: getDisplayName('exchange'),
-      width: 190,
+      width: 190 - widthAdjust,
       input: Autocomplete,
       inputProps: {
         options: getOptions('exchange'),
@@ -89,7 +90,7 @@ const getElements = (cryptoCurrencies, accounts) => {
       stripe: true,
       view: getDisplayName('zeroConf'),
       input: Autocomplete,
-      width: 190,
+      width: 190 - widthAdjust,
       inputProps: {
         options: getOptions('zeroConf'),
         valueProp: 'code',