Fix: make percentage chart work properly

Fix: code review

Fix: rework components according to PR requested changes

Fix: fix repeated code buildRatesNoCommission

Also renames id to deviceId in transactions quer

Fix: pr requested changes

Chore: move inline styles to classes

Chore: remove comment

Fix: bad equality !process.env.NODE_ENV === 'production'

new-lamassu-admin/src/pages/Machines/MachineComponents/Cassettes/Cassettes.js

@@ -115,23 +115,19 @@ const CashCassettes = ({ machine, config, refetchData }) => {
     })
   }
 
-  return (
-    <>
-      {machine.name && (
-        <EditableTable
-          error={error?.message}
-          stripeWhen={isCashOutDisabled}
-          disableRowEdit={isCashOutDisabled}
-          name="cashboxes"
-          elements={elements}
-          enableEdit
-          data={[machine] || []}
-          save={onSave}
-          validationSchema={ValidationSchema}
-        />
-      )}
-    </>
-  )
+  return machine.name ? (
+    <EditableTable
+      error={error?.message}
+      stripeWhen={isCashOutDisabled}
+      disableRowEdit={isCashOutDisabled}
+      name="cashboxes"
+      elements={elements}
+      enableEdit
+      data={[machine] || []}
+      save={onSave}
+      validationSchema={ValidationSchema}
+    />
+  ) : null
 }
 
 export default CashCassettes