interface: use new GraphContent

This commit is contained in:
Liam Fitzgerald 2021-04-29 14:19:30 +10:00
parent 3cda34d0fa
commit 80a5612fda
No known key found for this signature in database
GPG Key ID: D390E12C61D1CFFB
4 changed files with 11 additions and 11 deletions

View File

@ -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}

View File

@ -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>
);
}

View File

@ -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>

View File

@ -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
/>