Convert RetireConfirmationDialog to fluent-react.

fzzzy · Jun 28, 2017 · b321c1f · b321c1f
1 parent 6b74e10
commit b321c1f
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/frontend/src/app/components/RetireConfirmationDialog.js b/frontend/src/app/components/RetireConfirmationDialog.js
@@ -1,5 +1,5 @@
 // @flow
-
+import { Localized } from 'fluent-react';
 import React from 'react';
 
 type RetireConfirmationDialogProps = {
@@ -17,17 +17,25 @@ export default class RetireConfirmationDialog extends React.Component {
       <div className="modal-container">
         <div id="retire-dialog-modal" className="modal feedback-modal modal-bounce-in">
           <header className="modal-header-wrapper warning-modal">
-            <h3 className="title modal-header" data-l10n-id="retireDialogTitle">Uninstall Test Pilot?</h3>
+            <Localized id="retireDialogTitle">
+              <h3 className="title modal-header">Uninstall Test Pilot?</h3>
+            </Localized>
             <div className="modal-cancel" onClick={e => this.cancel(e)}/>
           </header>
           <form>
 
             <div className="modal-content modal-form">
-              <p data-l10n-id="retireMessage" className="centered">As you wish. This will disable any active tests, uninstall the Test Pilot add-on, and remove your account information from our servers.</p>
-              <p data-l10n-id="retireEmailMessage" className="centered small">To opt out of email updates, simply click the <em>unsubscribe</em> link on any Test Pilot email.</p>
+              <Localized id="retireMessage">
+                <p className="centered">As you wish. This will disable any active tests, uninstall the Test Pilot add-on, and remove your account information from our servers.</p>
+              </Localized>
+              <Localized id="retireEmailMessage">
+                <p className="centered small">To opt out of email updates, simply click the <em>unsubscribe</em> link on any Test Pilot email.</p>
+              </Localized>
             </div>
             <div className="modal-actions">
-              <button onClick={e => this.proceed(e)} data-l10n-id="retireSubmitButton" className="submit button warning large">Proceed</button>
+              <Localized id="retireSubmitButton">
+                <button onClick={e => this.proceed(e)} className="submit button warning large">Proceed</button>
+              </Localized>
             </div>
           </form>
         </div>