fix: button display and revert button component changes

new-lamassu-admin/src/components/buttons/FeatureButton.js

@@ -32,8 +32,8 @@ const styles = {
 const useStyles = makeStyles(styles)
 
 const FeatureButton = memo(
-  ({ className, Icon, InverseIcon, children, active, ...props }) => {
+  ({ className, Icon, InverseIcon, children, ...props }) => {
-    const classes = useStyles({ active })
+    const classes = useStyles()
 
     const classNames = {
       [classes.featureButton]: true,

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

@@ -123,8 +123,7 @@ const EditableCard = ({
     [classes.label1Rejected]: state === OVERRIDE_REJECTED,
     [classes.label1Accepted]: state === OVERRIDE_AUTHORIZED
   }
-  const isNotAuthorized =
+
-    state === OVERRIDE_REJECTED || state === OVERRIDE_PENDING
   const authorized =
     state === OVERRIDE_PENDING
       ? { label: 'Pending', type: 'neutral' }
@@ -208,20 +207,28 @@ const EditableCard = ({
                         Cancel
                       </ActionButton>
                     </div>
+                    {authorized.label !== 'Accepted' && (
+                      <div className={classes.button}>
                         <ActionButton
                           color="secondary"
-                      Icon={isNotAuthorized ? AuthorizeIcon : CancelIcon}
+                          Icon={AuthorizeIcon}
-                      InverseIcon={
+                          InverseIcon={AuthorizeReversedIcon}
-                        isNotAuthorized
-                          ? AuthorizeReversedIcon
-                          : CancelReversedIcon
-                      }
                           type="submit"
-                      onClick={
+                          onClick={() => authorize()}>
-                        isNotAuthorized ? () => authorize() : () => reject()
+                          {'Authorize'}
-                      }>
-                      {isNotAuthorized ? 'Authorize' : 'Reject'}
                         </ActionButton>
+                      </div>
+                    )}
+                    {authorized.label !== 'Rejected' && (
+                      <ActionButton
+                        color="secondary"
+                        Icon={CancelIcon}
+                        InverseIcon={CancelReversedIcon}
+                        type="submit"
+                        onClick={() => reject()}>
+                        {'Reject'}
+                      </ActionButton>
+                    )}
                     {error && (
                       <ErrorMessage>Failed to save changes</ErrorMessage>
                     )}