Update relay-runtime types

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

@@ -2,9 +2,9 @@ import * as React from "react";
 import { StatelessComponent } from "react";
 
 import { Flex } from "talk-ui/components";
+
 import PermalinkViewQuery from "../queries/PermalinkViewQuery";
 import StreamQuery from "../queries/StreamQuery";
-
 import * as styles from "./App.css";
 
 export interface AppProps {

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

@@ -1,5 +1,6 @@
 import { Localized } from "fluent-react/compat";
 import React from "react";
+
 import { oncePerFrame } from "talk-common/utils";
 import {
   Button,

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

@@ -1,4 +1,4 @@
-import React, { Component } from "react";
+import React, { Component, ReactNode } from "react";
 
 import { BadUserInputError } from "talk-framework/lib/errors";
 import { PropTypesOf } from "talk-framework/types";
@@ -11,6 +11,7 @@ import { CreateCommentMutation, withCreateCommentMutation } from "../mutations";
 interface InnerProps {
   createComment: CreateCommentMutation;
   assetID: string;
+  children?: ReactNode;
 }
 
 class PostCommentFormContainer extends Component<InnerProps> {

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

@@ -23,7 +23,7 @@ export class ReplyListContainer extends React.Component<InnerProps> {
 
   public render() {
     if (
-      !this.props.comment.replies == null ||
+      this.props.comment.replies == null ||
       this.props.comment.replies.edges.length === 0
     ) {
       return null;

src/core/client/stream/containers/StreamContainer.spec.tsx

@@ -20,6 +20,7 @@ it("renders correctly", () => {
         edges: [{ node: { id: "comment-1" } }, { node: { id: "comment-2" } }],
       },
     },
+    user: null,
     relay: {
       hasMore: noop,
       isLoading: noop,
@@ -39,6 +40,7 @@ describe("when has more comments", () => {
         edges: [{ node: { id: "comment-1" } }, { node: { id: "comment-2" } }],
       },
     },
+    user: null,
     relay: {
       hasMore: () => true,
       isLoading: () => false,

src/core/client/stream/mutations/CreateCommentMutation.ts

@@ -9,13 +9,10 @@ import {
 } from "talk-framework/lib/relay";
 import { Omit } from "talk-framework/types";
 
-import {
-  CreateCommentMutationResponse,
-  CreateCommentMutationVariables,
-} from "talk-stream/__generated__/CreateCommentMutation.graphql";
+import { CreateCommentMutation } from "talk-stream/__generated__/CreateCommentMutation.graphql";
 
 export type CreateCommentInput = Omit<
-  CreateCommentMutationVariables["input"],
+  CreateCommentMutation["variables"]["input"],
   "clientMutationId"
 >;
 
@@ -26,8 +23,12 @@ const mutation = graphql`
         cursor
         node {
           id
-          ...CommentContainer
-          ...ReplyListContainer_comment
+          author {
+            id
+            username
+          }
+          body
+          createdAt
         }
       }
       clientMutationId
@@ -40,10 +41,7 @@ let clientMutationId = 0;
 function commit(environment: Environment, input: CreateCommentInput) {
   const me = getMe(environment)!;
   const currentDate = new Date().toISOString();
-  return commitMutationPromiseNormalized<
-    CreateCommentMutationResponse["createComment"],
-    CreateCommentMutationVariables
-  >(environment, {
+  return commitMutationPromiseNormalized<CreateCommentMutation>(environment, {
     mutation,
     variables: {
       input: {
@@ -63,14 +61,6 @@ function commit(environment: Environment, input: CreateCommentInput) {
               username: me.username,
             },
             body: input.body,
-            replies: {
-              edges: [],
-              pageInfo: {
-                endCursor: null,
-                hasNextPage: false,
-              },
-            },
-            __typename: "Comment",
           },
         },
         clientMutationId: (clientMutationId++).toString(),
@@ -100,4 +90,4 @@ export const withCreateCommentMutation = createMutationContainer(
 
 export type CreateCommentMutation = (
   input: CreateCommentInput
-) => Promise<CreateCommentMutationResponse["createComment"]>;
+) => Promise<CreateCommentMutation["response"]["createComment"]>;