From 80a5612fdae12e78a92b415997cddd4a0acbbe2a Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam.fitzgerald@tlon.io>
Date: Thu, 29 Apr 2021 14:19:30 +1000
Subject: [PATCH] interface: use new GraphContent

---
 .../src/views/apps/chat/components/ChatMessage.tsx          | 6 +++---
 pkg/interface/src/views/apps/publish/components/Note.tsx    | 4 ++--
 pkg/interface/src/views/components/CommentItem.tsx          | 6 +++---
 .../landscape/components/Home/Post/PostItem/PostContent.js  | 6 +++---
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
index 306d221ef..be73292ee 100644
--- a/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
+++ b/pkg/interface/src/views/apps/chat/components/ChatMessage.tsx
@@ -42,7 +42,7 @@ import useContactState from '~/logic/state/contact';
 import { useIdlingState } from '~/logic/lib/idling';
 import ProfileOverlay from '~/views/components/ProfileOverlay';
 import {useCopy} from '~/logic/lib/useCopy';
-import {GraphContentWide} from '~/views/landscape/components/Graph/GraphContentWide';
+import { GraphContent} from  '~/views/landscape/components/Graph/GraphContent';
 
 
 export const DATESTAMP_FORMAT = '[~]YYYY.M.D';
@@ -530,10 +530,10 @@ export const Message = ({
       ) : (
         <></>
       )}
-      <GraphContentWide
+      <GraphContent
         {...bind}
         width="100%"
-        post={msg}
+        contents={msg.contents}
         transcluded={transcluded}
         api={api}
         showOurContact={showOurContact}
diff --git a/pkg/interface/src/views/apps/publish/components/Note.tsx b/pkg/interface/src/views/apps/publish/components/Note.tsx
index 876dc1cb8..96e08b361 100644
--- a/pkg/interface/src/views/apps/publish/components/Note.tsx
+++ b/pkg/interface/src/views/apps/publish/components/Note.tsx
@@ -15,7 +15,7 @@ import { Contacts, GraphNode, Graph, Association, Unreads, Group, Post } from '@
 import {useCopy} from '~/logic/lib/useCopy';
 import { getPermalinkForGraph } from '~/logic/lib/permalinks';
 import {useQuery} from '~/logic/lib/useQuery';
-import {GraphContentTall} from '~/views/landscape/components/Graph/GraphContentTall';
+import { GraphContent } from '~/views/landscape/components/Graph/GraphContent';
 
 interface NoteProps {
   ship: string;
@@ -40,7 +40,7 @@ const renderers = {
 export function NoteContent({ post, api }) {
   return (
       <Box color="black" className="md" style={{ overflowWrap: 'break-word', overflow: 'hidden' }}>
-        <GraphContentTall post={post} showOurContact api={api} />
+        <GraphContent tall contents={post.contents.slice(1)} showOurContact api={api} />
       </Box>
   );
 }
diff --git a/pkg/interface/src/views/components/CommentItem.tsx b/pkg/interface/src/views/components/CommentItem.tsx
index f65273189..e98780c39 100644
--- a/pkg/interface/src/views/components/CommentItem.tsx
+++ b/pkg/interface/src/views/components/CommentItem.tsx
@@ -15,7 +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';
+import {GraphContent } from '../landscape/components/Graph/GraphContent';
 
 const ClickBox = styled(Box)`
   cursor: pointer;
@@ -102,14 +102,14 @@ export function CommentItem(props: CommentItemProps): ReactElement {
           </Row>
         </Author>
       </Row>
-      <GraphContentWide
+      <GraphContent
         borderRadius="1"
         p="1"
         mb="1"
         backgroundColor={props.highlighted ? 'washedBlue' : 'white'}
         transcluded={0}
         api={api}
-        post={post}
+        contents={post.contents}
         showOurContact
       />
     </Box>
diff --git a/pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostContent.js b/pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostContent.js
index 681e5dfc9..a9a19ff2b 100644
--- a/pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostContent.js
+++ b/pkg/interface/src/views/landscape/components/Home/Post/PostItem/PostContent.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { Col, Box } from '@tlon/indigo-react';
-import { GraphContentWide } from "~/views/landscape/components/Graph/GraphContentWide";
+import { GraphContent } from '~/views/landscape/components/Graph/GraphContent';
 import styled from 'styled-components';
 
 const TruncatedBox = styled(Col)`
@@ -23,9 +23,9 @@ export function PostContent(props) {
       textOverflow="ellipsis"
       overflow="hidden"
      >
-      <GraphContentWide
+      <GraphContent
         transcluded={0}
-        post={post}
+        contents={post.contents}
         api={api}
         showOurContact
       />