feat: overview rework and customer data mosaic view

new-lamassu-admin/src/pages/Customers/CustomerProfile.js

@@ -1,6 +1,7 @@
 import { useQuery, useMutation } from '@apollo/react-hooks'
 import { makeStyles, Breadcrumbs, Box } from '@material-ui/core'
 import NavigateNextIcon from '@material-ui/icons/NavigateNext'
+// import classnames from 'classnames'
 import gql from 'graphql-tag'
 import * as R from 'ramda'
 import React, { memo, useState } from 'react'
@@ -265,6 +266,14 @@ const CustomerProfile = memo(() => {
                   {`Retrieve information`}
                 </ActionButton>
               </div>
+              <div>
+                <ActionButton
+                  className={classes.customerDiscount}
+                  color="primary"
+                  onClick={() => {}}>
+                  {`Add individual discount`}
+                </ActionButton>
+              </div>
             </div>
           )}
         </div>

new-lamassu-admin/src/pages/Customers/components/CustomerSidebar.styles.js

@@ -30,10 +30,10 @@ export default {
     color: white,
     backgroundColor: offDarkColor,
     '&:first-child': {
-      borderRadius: [5, 5, 0, 0]
+      borderRadius: [[5, 5, 0, 0]]
     },
     '&:last-child': {
-      borderRadius: [0, 0, 5, 5]
+      borderRadius: [[0, 0, 5, 5]]
     }
   },
   icon: {

new-lamassu-admin/src/pages/Customers/components/TransactionsList.js

@@ -75,7 +75,6 @@ const TransactionsList = ({ customer, data, loading, locale }) => {
       view: R.path(['machineName'])
     },
     {
-      header: 'Direction',
       width: 125,
       view: it => (
         <>