From 7f25174b1c2dcc33c02a6e587a9c23c58a3530da Mon Sep 17 00:00:00 2001
From: Hugo Marques <62065869+hugomarquesdev@users.noreply.github.com>
Date: Wed, 31 May 2023 11:21:48 +0100
Subject: [PATCH] Fix: Donate Translations (#318)

Co-authored-by: Hugo Marques <hugomarquesdev@MacBook-Pro-de-Hugo.local>
---
 src/slices/Pact/Donate.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/slices/Pact/Donate.tsx b/src/slices/Pact/Donate.tsx
index 8101e08..51878de 100644
--- a/src/slices/Pact/Donate.tsx
+++ b/src/slices/Pact/Donate.tsx
@@ -23,6 +23,7 @@ import { toast } from '../../components/Toaster/Toaster';
 import { useEpoch, useMerkleDistributor, useRewards } from '@impact-market/utils';
 import { useWallet } from '../../hooks/useWallet';
 import React, { useCallback, useEffect, useState } from 'react';
+import RichText from '../../lib/Prismic/components/RichText';
 import axios from 'axios';
 import config from '../../../config';
 import styled, { css } from 'styled-components';
@@ -121,7 +122,12 @@ const AirgrabContent = (props: {
                 return toast.error(toastMessagesClaimError);
             }
 
-            return toast.success(toastMessagesClaimSuccess);
+            return toast.success(
+                <RichText
+                    content={toastMessagesClaimSuccess}
+                    variables={{ amount: currencyValue(amountToClaim, { isToken: true }) }}
+                />
+            );
         } catch (error) {
             handleKnownErrors(error, toastMessagesClaimError);
             setAirgrabClaimIsLoading(false);
@@ -231,7 +237,12 @@ const Rewards = (props: { onUpdate: Function; translations: any }) => {
                 return toast.error(toastMessagesClaimError);
             }
 
-            return toast.success(toastMessagesClaimSuccess);
+            return toast.success(
+                <RichText
+                    content={toastMessagesClaimSuccess}
+                    variables={{ amount: currencyValue(rewards?.claimable, { isToken: true }) }}
+                />
+            );
         } catch (error) {
             handleKnownErrors(error, toastMessagesClaimError);
             setClaimIsLoading(false);
@@ -294,9 +305,7 @@ const Rewards = (props: { onUpdate: Function; translations: any }) => {
             {!rewards?.claimable && !rewards?.estimated && (
                 <Highlight mt={1}>
                     <HighlightRow>
-                        <Text div sColor={colors.g500} small>
-                            {donateNocontributionrewardtobeclaimed[0]?.text}
-                        </Text>
+                        <RichText content={donateNocontributionrewardtobeclaimed} div sColor={colors.g500} small />
                         <TextLink
                             brandPrimary
                             ml={{ md: 'unset', xs: 'auto' }}