Chore: Add basic screen and toggle

Chore: form skeleton

Feat: wizard step 1 and 2

Feat: toggle button group for formik

Feat: select input type Form and styling

Feat: text entry page

Feat: Choice list and CSS

Fix: scroll to bottom on Add choice button click

Feat: format data at end of wizard

Feat: wizard toggle button and background blur

Feat: data table for custom info requests

Feat: editing and deleting custom info request

Feat: add icons

Fix: Wizard changes

Feat: custom requests migrations

Feat: fetch custom info requests

Feat: add mutations

Feat: add custom request option in trigger wizard

Feat: show customrequests on table

Feat: Triggers page code refactor

Feat: integrate custom info requests on Customer graphql type

Feat: Show custom info requests on user page

Fix: use normal table instead of datatable

Feat: modal for custom information request details

Feat: poller returns custom request information details

Feat: send customer custom info requests to machine

Chore: add field CustomInfoRequestsData on customer updates

Feat: customer custom info request data saving

Chore: variable name changes and lots of fixes

Feat: remove default value in query, sort request on customer profile

Signed-off-by: csrapr <26280794+csrapr@users.noreply.github.com>

Fix: return promise when array of ids is empty

Feat: TitleSection can receive more than one button

new-lamassu-admin/src/components/inputs/base/RadioGroup.js

@@ -8,13 +8,18 @@ import classnames from 'classnames'
 import React from 'react'
 
 import { Label1 } from 'src/components/typography'
-
+import { offColor } from 'src/styling/variables'
 const styles = {
   label: {
     height: 16,
     lineHeight: '16px',
     margin: [[0, 0, 4, 0]],
     paddingLeft: 3
+  },
+  subtitle: {
+    marginTop: -8,
+    marginLeft: 32,
+    color: offColor
   }
 }
 
@@ -31,7 +36,6 @@ const RadioGroup = ({
   radioClassName
 }) => {
   const classes = useStyles()
-
   return (
     <>
       {label && <Label1 className={classes.label}>{label}</Label1>}
@@ -41,13 +45,20 @@ const RadioGroup = ({
         onChange={onChange}
         className={classnames(className)}>
         {options.map((option, idx) => (
-          <FormControlLabel
-            key={idx}
-            value={option.code}
-            control={<Radio className={radioClassName} />}
-            label={option.display}
-            className={classnames(labelClassName)}
-          />
+          <React.Fragment key={idx}>
+            <div>
+              <FormControlLabel
+                disabled={option.disabled}
+                value={option.code}
+                control={<Radio className={radioClassName} />}
+                label={option.display}
+                className={classnames(labelClassName)}
+              />
+              {option.subtitle && (
+                <Label1 className={classes.subtitle}>{option.subtitle}</Label1>
+              )}
+            </div>
+          </React.Fragment>
         ))}
       </MRadioGroup>
     </>