From 0981a7d4afe0d0f82c888328b784c929c78070fd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Oliveira?= <josepfo.w@gmail.com>
Date: Fri, 17 Sep 2021 11:32:43 +0100
Subject: [PATCH] feat: overview rework and customer data mosaic view

---
 new-lamassu-admin/src/pages/Customers/CustomerProfile.js | 9 +++++++++
 .../pages/Customers/components/CustomerSidebar.styles.js | 4 ++--
 .../src/pages/Customers/components/TransactionsList.js   | 1 -
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Customers/CustomerProfile.js b/new-lamassu-admin/src/pages/Customers/CustomerProfile.js
index e197416b..7b92fc30 100644
--- a/new-lamassu-admin/src/pages/Customers/CustomerProfile.js
+++ b/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>
diff --git a/new-lamassu-admin/src/pages/Customers/components/CustomerSidebar.styles.js b/new-lamassu-admin/src/pages/Customers/components/CustomerSidebar.styles.js
index 2d967f3d..87ef5087 100644
--- a/new-lamassu-admin/src/pages/Customers/components/CustomerSidebar.styles.js
+++ b/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: {
diff --git a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js b/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
index 9bbd35de..8b55208c 100644
--- a/new-lamassu-admin/src/pages/Customers/components/TransactionsList.js
+++ b/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 => (
         <>