From 526a3c634a3eb967bd0ddf2dfaad95e1252ddc63 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 24 Sep 2018 20:41:46 +0200
Subject: [PATCH] Give last level a display name

---
 .../tabs/comments/containers/ReplyListContainer.tsx  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/core/client/stream/tabs/comments/containers/ReplyListContainer.tsx b/src/core/client/stream/tabs/comments/containers/ReplyListContainer.tsx
index 9edf46d1e..0dfe3a80f 100644
--- a/src/core/client/stream/tabs/comments/containers/ReplyListContainer.tsx
+++ b/src/core/client/stream/tabs/comments/containers/ReplyListContainer.tsx
@@ -12,6 +12,7 @@ import {
   ReplyListContainer1PaginationQueryVariables,
 } from "talk-stream/__generated__/ReplyListContainer1PaginationQuery.graphql";
 
+import { StatelessComponent } from "enzyme";
 import ReplyList from "../components/ReplyList";
 import LocalReplyListContainer from "./LocalReplyListContainer";
 
@@ -120,6 +121,13 @@ function createReplyListContainer(
   );
 }
 
+/**
+ * LastReplyList uses the LocalReplyListContainer.
+ */
+const LastReplyList: StatelessComponent<
+  PropTypesOf<typeof LocalReplyListContainer>
+> = props => <LocalReplyListContainer {...props} indentLevel={6} />;
+
 const ReplyListContainer5 = createReplyListContainer(
   5,
   {
@@ -171,9 +179,7 @@ const ReplyListContainer5 = createReplyListContainer(
       }
     }
   `,
-  (props: PropTypesOf<typeof LocalReplyListContainer>) => (
-    <LocalReplyListContainer {...props} indentLevel={6} />
-  ),
+  LastReplyList,
   true
 );