From b1f3751eef5484490c5d64e9cf4ca51aa1a058fd Mon Sep 17 00:00:00 2001
From: Warao Gil <wgil14@gmail.com>
Date: Sat, 25 Aug 2018 19:44:14 -0400
Subject: [PATCH] Add Intl to Crash Message Component.
---
.../crash-message/crash-message.jsx | 30 +++++++++++--------
1 file changed, 18 insertions(+), 12 deletions(-)
diff --git a/src/components/crash-message/crash-message.jsx b/src/components/crash-message/crash-message.jsx
index 8ea444739..764c8e216 100644
--- a/src/components/crash-message/crash-message.jsx
+++ b/src/components/crash-message/crash-message.jsx
@@ -1,12 +1,7 @@
-/* eslint-disable react/jsx-no-literals */
-/*
- @todo Rule is disabled because this component is rendered outside the
- intl provider right now so cannot be translated.
-*/
-
import PropTypes from 'prop-types';
import React from 'react';
import Box from '../box/box.jsx';
+import {FormattedMessage} from 'react-intl';
import styles from './crash-message.css';
import reloadIcon from './reload.svg';
@@ -19,19 +14,30 @@ const CrashMessage = props => (
src={reloadIcon}
/>
<h2>
- Oops! Something went wrong.
+ <FormattedMessage
+ defaultMessage="Oops! Something went wrong."
+ description="Crash Message title"
+ id="gui.crashMessage.label"
+ />
</h2>
<p>
- We are so sorry, but it looks like Scratch has crashed. This bug has been
- automatically reported to the Scratch Team. Please refresh your page to try
- again.
-
+ <FormattedMessage
+ defaultMessage="We are so sorry, but it looks like Scratch has crashed. This bug has been
+ automatically reported to the Scratch Team. Please refresh your page to try
+ again."
+ description="Message to inform the user that page has crashed."
+ id="gui.crashMessage.description"
+ />
</p>
<button
className={styles.reloadButton}
onClick={props.onReload}
>
- Reload
+ <FormattedMessage
+ defaultMessage="Reload"
+ description="Button to reload the page when page crashes"
+ id="gui.crashMessage.reload"
+ />
</button>
</Box>
</div>
--
GitLab