From d06fcc741d3b1d9495c7576ff052b1e0889206c8 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Wed, 7 Apr 2021 13:15:24 +1000
Subject: [PATCH] CommentItem: use unified graph rendering

---
 .../src/views/components/CommentItem.tsx         | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/pkg/interface/src/views/components/CommentItem.tsx b/pkg/interface/src/views/components/CommentItem.tsx
index 126b67913f..c54fac7e61 100644
--- a/pkg/interface/src/views/components/CommentItem.tsx
+++ b/pkg/interface/src/views/components/CommentItem.tsx
@@ -15,6 +15,7 @@ import { getLatestCommentRevision } from '~/logic/lib/publish';
 import {useCopy} from '~/logic/lib/useCopy';
 import { getPermalinkForGraph} from '~/logic/lib/permalinks';
 import useMetadataState from '~/logic/state/metadata';
+import {GraphContentWide} from '../landscape/components/Graph/GraphContentWide';
 
 const ClickBox = styled(Box)`
   cursor: pointer;
@@ -101,19 +102,16 @@ export function CommentItem(props: CommentItemProps): ReactElement {
           </Row>
         </Author>
       </Row>
-      <Box
+      <GraphContentWide
         borderRadius="1"
         p="1"
         mb="1"
         backgroundColor={props.highlighted ? 'washedBlue' : 'white'}
-      >
-        <MentionText
-          transcluded={0}
-          api={api}
-          group={group}
-          content={post?.contents}
-        />
-      </Box>
+        transcluded={0}
+        api={api}
+        post={post}
+        showOurContact
+      />
     </Box>
   );
 }