[next] Story Improvements (#2054)

* feat: improved logs

* feat: improved scraper

- added scraper debug graph call

* feat: improved story closing

* fix: fixed tests

src/core/client/stream/tabs/profile/components/HistoryComment.spec.tsx

@@ -15,7 +15,9 @@ it("renders correctly", () => {
     createdAt: "2018-07-06T18:24:00.000Z",
     replyCount: 4,
     story: {
-      title: "Story Title",
+      metadata: {
+        title: "Story Title",
+      },
     },
     conversationURL: "http://localhost/conversation",
     onGotoConversation: noop,

src/core/client/stream/tabs/profile/components/HistoryComment.tsx

@@ -18,7 +18,9 @@ export interface HistoryCommentProps {
   createdAt: string;
   replyCount: number | null;
   story: {
-    title: string | null;
+    metadata: {
+      title: string | null;
+    } | null;
   };
   conversationURL: string;
   onGotoConversation: (e: React.MouseEvent) => void;
@@ -27,7 +29,10 @@ export interface HistoryCommentProps {
 const HistoryComment: StatelessComponent<HistoryCommentProps> = props => {
   return (
     <HorizontalGutter>
-      <Localized id="profile-historyComment-story" $title={props.story.title}>
+      <Localized
+        id="profile-historyComment-story"
+        $title={props.story.metadata ? props.story.metadata.title : "N/A"} // FIXME: (wyattjoh) When a title for a Story isn't available, we need a fallback.
+      >
         <Typography variant="heading4">{"Story: {$title}"}</Typography>
       </Localized>
       <Timestamp>{props.createdAt}</Timestamp>

src/core/client/stream/tabs/profile/containers/HistoryCommentContainer.tsx

@@ -55,8 +55,10 @@ const enhanced = withSetCommentIDMutation(
         replyCount
         story {
           id
-          title
           url
+          metadata {
+            title
+          }
         }
       }
     `,

src/core/client/stream/test/fixtures.ts

@@ -215,6 +215,9 @@ export const commentWithDeepestReplies = denormalizeComment({
 });
 
 export const baseStory = {
+  metadata: {
+    title: "title",
+  },
   isClosed: false,
   comments: {
     edges: [],