merge conflicts

src/core/client/stream/components/Comment/Comment.spec.tsx

@@ -6,24 +6,8 @@ import { PropTypesOf } from "talk-framework/types";
 import Comment from "./Comment";
 
 it("renders username and body", () => {
-<<<<<<< HEAD:src/core/client/stream/components/Comment.spec.tsx
-  const props = {
-    id: "id",
-    author: {
-      username: "Marvin",
-    },
-    body: "Woof",
-  };
-  const wrapper = shallow(<Comment {...props} />);
-  expect(wrapper).toMatchSnapshot();
-});
-
-it("renders with gutterBottom", () => {
-  const props = {
-    id: "id",
-=======
   const props: PropTypesOf<typeof Comment> = {
->>>>>>> abfa39529ff398007bb67cd814c4217a97bdb38b:src/core/client/stream/components/Comment/Comment.spec.tsx
+    id: "comment-ID",
     author: {
       username: "Marvin",
     },

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

@@ -55,11 +55,11 @@ class PermalinkPopover extends React.Component<InnerProps> {
               <CopyToClipboard text={commentId} onCopy={this.onCopy}>
                 <Button primary>
                   {copied ? (
-                    <L id="copied">
+                    <L id="comments-permalink-copied">
                       <span>Copied!</span>
                     </L>
                   ) : (
-                    <L id="copy">
+                    <L id="comments-permalink-copy">
                       <span>Copy</span>
                     </L>
                   )}
@@ -70,7 +70,7 @@ class PermalinkPopover extends React.Component<InnerProps> {
         }
       >
         <button className={styles.shareButton} onClick={this.onClick}>
-          <L id="share">
+          <L id="comments-permalink-share">
             <span>Share</span>
           </L>
         </button>

src/core/client/stream/containers/CommentContainer.tsx

@@ -2,16 +2,19 @@ import React, { StatelessComponent } from "react";
 import { graphql } from "react-relay";
 
 import withFragmentContainer from "talk-framework/lib/relay/withFragmentContainer";
-import { Omit, PropTypesOf } from "talk-framework/types";
+import { PropTypesOf } from "talk-framework/types";
 import { CommentContainer as Data } from "talk-stream/__generated__/CommentContainer.graphql";
 
-import Comment, { CommentProps } from "../components/Comment";
+import Comment from "../components/Comment";
 
-type InnerProps = { data: Data } & Omit<CommentProps, keyof Data>;
+interface InnerProps {
+  data: Data;
+}
 
 // tslint:disable-next-line:no-unused-expression
 graphql`
   fragment CommentContainer_comment on Comment {
+    id
     author {
       username
     }

src/core/client/ui/hocs/withForwardRef.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import {
   InferableComponentEnhancerWithProps,
   withPropsOnChange,