Add localization

src/core/client/stream/components/UserBoxUnauthenticated.tsx

@@ -1,3 +1,4 @@
+import { Localized } from "fluent-react/compat";
 import React, { StatelessComponent } from "react";
 
 import { Button, Flex, Typography } from "talk-ui/components";
@@ -14,27 +15,33 @@ const UserBoxUnauthenticated: StatelessComponent<
 > = props => {
   return (
     <Flex>
-      <Typography
-        className={styles.joinText}
-        variant="bodyCopyBold"
-        component="span"
-      >
-        Join the conversation
-      </Typography>
+      <Localized id="comments-userBoxUnauthenticated-joinTheConversation">
+        <Typography
+          className={styles.joinText}
+          variant="bodyCopyBold"
+          component="span"
+        >
+          Join the conversation
+        </Typography>
+      </Localized>
       <Typography variant="bodyCopyBold" component="span">
         |
       </Typography>
-      <Button color="primary" size="small" onClick={props.onSignIn}>
-        Sign In
-      </Button>
-      <Button
-        color="primary"
-        size="small"
-        variant="outlined"
-        onClick={props.onRegister}
-      >
-        Register
-      </Button>
+      <Localized id="comments-userBoxUnauthenticated-signIn">
+        <Button color="primary" size="small" onClick={props.onSignIn}>
+          Sign in
+        </Button>
+      </Localized>
+      <Localized id="comments-userBoxUnauthenticated-register">
+        <Button
+          color="primary"
+          size="small"
+          variant="outlined"
+          onClick={props.onRegister}
+        >
+          Register
+        </Button>
+      </Localized>
     </Flex>
   );
 };

src/locales/en-US/stream.ftl

@@ -9,3 +9,7 @@ comments-replyList-showAll = Show all
 comments-permalink-share = Share
 comments-permalink-copy = Copy
 comments-permalink-copied = Copied
+
+comments-userBoxUnauthenticated-joinTheConversation = Join the conversation
+comments-userBoxUnauthenticated-signIn = Sign in
+comments-userBoxUnauthenticated-register = Register