Fixes notification amount

Resolves brave/brave-browser#7562

components/brave_rewards/resources/extension/brave_rewards/components/panel.tsx

@@ -371,7 +371,7 @@ export class Panel extends React.Component<Props, State> {
 
         if (result === '0') {
           const currency = onlyAnonWallet ? getMessage('bap') : getMessage('bat')
-          const contributionAmount = parseFloat(notification.args[3]).toFixed(1)
+          const contributionAmount = utils.handleContributionAmount(notification.args[3])
           text = getMessage('contributeNotificationSuccess', [contributionAmount, currency])
         } else if (result === '15') {
           text = getMessage('contributeNotificationNotEnoughFunds')

components/brave_rewards/resources/extension/brave_rewards/utils.ts

@@ -2,6 +2,8 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+import BigNumber from 'bignumber.js'
+
 import { getMessage } from './background/api/locale_api'
 import { WalletState } from '../../ui/components/walletWrapper'
 
@@ -23,6 +25,24 @@ export const formatConverted = (converted: string, currency: string = 'USD'): st
   return `${converted} ${currency}`
 }
 
+export const handleContributionAmount = (amount: string) => {
+  let result = '0.0'
+  const amountSplit = amount.split('.')
+  if (amountSplit && amountSplit[0].length > 18) {
+    const result = new BigNumber(amount).dividedBy('1e18').toFixed(1, BigNumber.ROUND_UP)
+
+    return result
+  } else {
+    result = parseFloat(amount).toFixed(1)
+  }
+
+  if (result === 'NaN') {
+    return '0.0'
+  }
+
+  return result
+}
+
 export const generatePromotions = (promotions?: RewardsExtension.Promotion[]) => {
   if (!promotions) {
     return []

components/test/brave_rewards/extension/brave_rewards/utils_test.ts

@@ -3,7 +3,7 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this file,
  * You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-import { convertBalance } from '../../../../brave_rewards/resources/extension/brave_rewards/utils'
+import { convertBalance, handleContributionAmount } from '../../../../brave_rewards/resources/extension/brave_rewards/utils'
 
 describe('Rewards Panel extension - Utils', () => {
   describe('convertBalance', () => {
@@ -27,4 +27,25 @@ describe('Rewards Panel extension - Utils', () => {
       expect(convertBalance('10', { 'USD': 10, 'EUR': 4 }, 'EUR')).toBe('40.00')
     })
   })
+
+  describe('handleContributionAmount', () => {
+    it('amount is 0', () => {
+      expect(handleContributionAmount('0')).toBe('0.0')
+    })
+    it('amount is in wrong format', () => {
+      expect(handleContributionAmount('dasdfasdfasdf')).toBe('0.0')
+    })
+    it('amount is probi', () => {
+      expect(handleContributionAmount('1000000000000000000')).toBe('1.0')
+    })
+    it('amount is probi', () => {
+      expect(handleContributionAmount('10454000000000000000')).toBe('10.5')
+    })
+    it('amount is double', () => {
+      expect(handleContributionAmount('10.454545')).toBe('10.5')
+    })
+    it('amount is int', () => {
+      expect(handleContributionAmount('10')).toBe('10.0')
+    })
+  })
 })