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/pages/Customers/CustomerData.js

@@ -61,7 +61,8 @@ const CustomerData = ({
   customer,
   updateCustomer,
   editCustomer,
-  deleteEditedData
+  deleteEditedData,
+  updateCustomRequest
 }) => {
   const classes = useStyles()
   const [listView, setListView] = useState(false)
@@ -79,8 +80,15 @@ const CustomerData = ({
     ? 'Passed'
     : 'Failed'
 
+  const sortByName = R.sortBy(
+    R.compose(R.toLower, R.path(['customInfoRequest', 'customRequest', 'name']))
+  )
+
   const customEntries = null // get customer custom entries
   const customRequirements = null // get customer custom requirements
+  const customInfoRequests = sortByName(
+    R.path(['customInfoRequests'])(customer) ?? []
+  )
 
   const isEven = elem => elem % 2 === 0
 
@@ -291,6 +299,36 @@ const CustomerData = ({
     }
   ]
 
+  R.forEach(it => {
+    cards.push({
+      data: [
+        {
+          value: it.customerData.data,
+          component: TextInput
+        }
+      ],
+      title: it.customInfoRequest.customRequest.name,
+      titleIcon: <CardIcon className={classes.cardIcon} />,
+      authorize: () =>
+        updateCustomRequest({
+          variables: {
+            customerId: it.customerId,
+            infoRequestId: it.customInfoRequest.id,
+            isAuthorized: true
+          }
+        }),
+      reject: () =>
+        updateCustomRequest({
+          variables: {
+            customerId: it.customerId,
+            infoRequestId: it.customInfoRequest.id,
+            isAuthorized: false
+          }
+        }),
+      save: () => {}
+    })
+  }, customInfoRequests)
+
   const editableCard = (
     {
       title,