M20-51: localization

_locales/en/messages.json

@@ -2006,9 +2006,21 @@
 	"rewards_delete": {
 		"message": "Delete this reward"
 	},
+	"rewards_exclusive": {
+		"message": "exclusive"
+	},
+	"rewards_best_offer": {
+		"message": "best offer"
+	},
 	"rewards_first_prompt": {
 		"message": "Would you like to continue to your Ghostery Reward?"
 	},
+	"rewards_first_prompt_extended": {
+		"message": "Would you like to receive offers and discounts from trusted Ghostery partners?"
+	},
+	"rewards_first_prompt_headline": {
+		"message": "New Reward discovered!"
+	},
 	"rewards_second_prompt": {
 		"message": "Would you like to opt out of future Ghostery Rewards?"
 	},

app/content-scripts/rewards/Notification.jsx

@@ -62,17 +62,19 @@ class Notification extends Component {
 
 	renderHeadline() {
 		return (
-			<div className="first-prompt-headline">New Reward Discovered!</div>
+			<div className="first-prompt-headline">
+				{t('rewards_first_prompt_headline')}
+			</div>
 		);
 	}
 
 	renderLabels() {
 		return (
 			<div className="first-prompt-labels">
 				<img src={chrome.extension.getURL('app/images/rewards/exclusive.svg')} />
-				<span className="first-prompt-label">exclusive</span>
+				<span className="first-prompt-label">{t('rewards_exclusive')}</span>
 				<img src={chrome.extension.getURL('app/images/rewards/best-offer.svg')} />
-				<span className="first-prompt-label">top angebot</span>
+				<span className="first-prompt-label">{t('rewards_best_offer')}</span>
 			</div>
 		);
 	}

app/content-scripts/rewards/OfferCard.jsx

@@ -71,7 +71,7 @@ class OfferCard extends Component {
 			{
 				type: 'first-prompt',
 				buttons: true,
-				message: 'Would you like to receive offers and discounts from trusted Ghostery partners?',
+				message: t('rewards_first_prompt_extended'),
 				textLink: {
 					href: 'https://www.ghostery.com/faqs/what-is-ghostery-rewards/',
 					text: t('rewards_learn_more'),