WIP: Arabic localization.

client/src/containers/Setup/SetupCongratsPage.js

@@ -1,7 +1,8 @@
 import React, { useCallback } from 'react';
 import { Button, Intent } from '@blueprintjs/core';
-import { useHistory } from "react-router-dom";
+import { useHistory } from 'react-router-dom';
 import WorkflowIcon from './WorkflowIcon';
+import { FormattedMessage as T } from 'react-intl';
 import withOrganizationActions from 'containers/Organization/withOrganizationActions';
 
 import 'style/pages/Setup/Congrats.scss';
@@ -11,18 +12,13 @@ import { compose } from 'utils';
 /**
  * Setup congrats page.
  */
-function SetupCongratsPage({
-  setOrganizationSetupCompleted,
-}) {
+function SetupCongratsPage({ setOrganizationSetupCompleted }) {
   const history = useHistory();
 
   const handleBtnClick = useCallback(() => {
     setOrganizationSetupCompleted(false);
     history.push('/homepage');
-  }, [
-    setOrganizationSetupCompleted,
-    history,
-  ]);
+  }, [setOrganizationSetupCompleted, history]);
 
   return (
     <div class="setup-congrats">
@@ -31,24 +27,20 @@ function SetupCongratsPage({
       </div>
 
       <div class="setup-congrats__text">
-        <h1>Congrats! You are ready to go</h1>
+        <h1>
+          <T id={'congrats_you_are_ready_to_go'} />
+        </h1>
 
         <p class="paragraph">
-          It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
+          <T id={'it_is_a_long_established_fact_that_a_reader'} />
         </p>
 
-        <Button
-          intent={Intent.PRIMARY}
-          type="submit"
-          onClick={handleBtnClick}
-        >
-          Go to dashboard
+        <Button intent={Intent.PRIMARY} type="submit" onClick={handleBtnClick}>
+          <T id={'go_to_dashboard'} />
         </Button>
       </div>
     </div>
   );
 }
 
-export default compose(
-  withOrganizationActions,
-)(SetupCongratsPage);
+export default compose(withOrganizationActions)(SetupCongratsPage);