From 3b900ea186369e0305e216e8fd80299f5e9ca175 Mon Sep 17 00:00:00 2001
From: Viktor <v.mozharovsky@gmail.com>
Date: Thu, 27 Jun 2024 16:14:23 +0200
Subject: [PATCH] EarningsPerMachine Chart: description - added (#1153)

---
 .../earn-views/components/EarningHistory.tsx       | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/web-app/src/modules/earn-views/components/EarningHistory.tsx b/packages/web-app/src/modules/earn-views/components/EarningHistory.tsx
index 7d376eb8f..b799b2148 100644
--- a/packages/web-app/src/modules/earn-views/components/EarningHistory.tsx
+++ b/packages/web-app/src/modules/earn-views/components/EarningHistory.tsx
@@ -1,4 +1,4 @@
-import { Switch } from '@saladtechnologies/garden-components'
+import { Switch, Text } from '@saladtechnologies/garden-components'
 import { useState } from 'react'
 import type { WithStyles } from 'react-jss'
 import withStyles from 'react-jss'
@@ -57,6 +57,10 @@ const styles = (theme: SaladTheme) => ({
   earningPerMachineSwitchWrapper: {
     marginLeft: 32,
   },
+  descriptionWrapper: {
+    paddingLeft: '70px',
+    color: theme.lightGreen,
+  },
 })
 
 interface Props extends WithStyles<typeof styles> {
@@ -94,6 +98,14 @@ const EarningHistoryRaw = ({ classes, viewLast24Hours, viewLast7Days, viewLast30
         <div className={classes.chartContainer}>
           {isEarningsPerMachineEnabled ? <EarningLineChartContainer /> : <EarningChartContainer />}
         </div>
+        {isEarningsPerMachineEnabled && (
+          <div className={classes.descriptionWrapper}>
+            <Text variant="baseXS">
+              *Per machine earnings don’t include referral earnings, earning rate multipliers or any other kind of bonus
+              earnings.
+            </Text>
+          </div>
+        )}
       </div>
     </div>
   )