bring back fees generated to staking index

Author: lyaunzbe

ts/components/staking/staking_pool_detail_row.tsx

@@ -8,7 +8,7 @@ import { utils } from 'ts/utils/utils';
 
 import { CircleCheckMark } from 'ts/components/ui/circle_check_mark';
 import { generateUniqueId, Jazzicon } from 'ts/components/ui/jazzicon';
-import { formatPercent } from 'ts/utils/format_number';
+import { formatPercent, formatEther } from 'ts/utils/format_number';
 
 const StyledStatLabel = styled.div`
     position: relative;
@@ -96,6 +96,10 @@ export const StakingPoolDetailRow: React.FC<IStakingPoolDetailRowProps> = ({
                     </StyledStatLabel>
                 </div>
             </PoolPerformanceItem>
+            <PoolPerformanceItem>
+                <span>Fees generated</span>
+                <span>{formatEther(totalFeesGeneratedInEth || 0, { decimals: 2 }).formatted} ETH</span>
+            </PoolPerformanceItem>
             <PoolPerformanceItem style={{ flex: 'none' }}>
                 <span>Saturation</span>
                 <div>
@@ -231,6 +235,7 @@ const PoolPerformanceItem = styled.div<{ cutOffRem?: number }>`
         border-left: 1px solid #d9d9d9;
         height: 47px;
         padding-left: 20px;
+        padding-right: 20px;
     }
 `;