PLT-7: Refactoring frontend (chunk 4)

web/react/pages/find_team.jsx

@@ -2,12 +2,61 @@
 // See License.txt for license information.
 
 import FindTeam from '../components/find_team.jsx';
+import * as Client from '../utils/client.jsx';
 
-function setupFindTeamPage() {
-    ReactDOM.render(
-        <FindTeam />,
-        document.getElementById('find-team')
-    );
+var IntlProvider = ReactIntl.IntlProvider;
+
+class Root extends React.Component {
+    constructor() {
+        super();
+        this.state = {
+            translations: null,
+            loaded: false
+        };
+    }
+
+    static propTypes() {
+        return {
+            map: React.PropTypes.object.isRequired
+        };
+    }
+
+    componentWillMount() {
+        Client.getTranslations(
+            this.props.map.Locale,
+            (data) => {
+                this.setState({
+                    translations: data,
+                    loaded: true
+                });
+            },
+            () => {
+                this.setState({
+                    loaded: true
+                });
+            }
+        );
+    }
+
+    render() {
+        if (!this.state.loaded) {
+            return <div></div>;
+        }
+
+        return (
+            <IntlProvider
+                locale={this.props.map.Locale}
+                messages={this.state.translations}
+            >
+                <FindTeam />
+            </IntlProvider>
+        );
+    }
 }
 
-global.window.setup_find_team_page = setupFindTeamPage;
+global.window.setup_find_team_page = function setup(props) {
+    ReactDOM.render(
+        <Root map={props} />,
+        document.getElementById('find-team')
+    );
+};

web/react/pages/signup_team.jsx

@@ -60,7 +60,7 @@ global.window.setup_signup_team_page = function setup(props) {
 
     for (var prop in props) {
         if (props.hasOwnProperty(prop)) {
-            if (prop !== 'Title') {
+            if (prop !== 'Title' && prop !== 'Locale' && prop !== 'Info') {
                 teams.push({name: prop, display_name: props[prop]});
             }
         }