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 { useIdlingState } from '~/logic/lib/idling';
import ProfileOverlay from '~/views/components/ProfileOverlay'; import ProfileOverlay from '~/views/components/ProfileOverlay';
import {useCopy} from '~/logic/lib/useCopy'; 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'; export const DATESTAMP_FORMAT = '[~]YYYY.M.D';
@ -530,10 +530,10 @@ export const Message = ({
) : ( ) : (
<></> <></>
)} )}
<GraphContentWide <GraphContent
{...bind} {...bind}
width="100%" width="100%"
post={msg} contents={msg.contents}
transcluded={transcluded} transcluded={transcluded}
api={api} api={api}
showOurContact={showOurContact} showOurContact={showOurContact}

View File

@ -15,7 +15,7 @@ import { Contacts, GraphNode, Graph, Association, Unreads, Group, Post } from '@
import {useCopy} from '~/logic/lib/useCopy'; import {useCopy} from '~/logic/lib/useCopy';
import { getPermalinkForGraph } from '~/logic/lib/permalinks'; import { getPermalinkForGraph } from '~/logic/lib/permalinks';
import {useQuery} from '~/logic/lib/useQuery'; import {useQuery} from '~/logic/lib/useQuery';
import {GraphContentTall} from '~/views/landscape/components/Graph/GraphContentTall'; import { GraphContent } from '~/views/landscape/components/Graph/GraphContent';
interface NoteProps { interface NoteProps {
ship: string; ship: string;
@ -40,7 +40,7 @@ const renderers = {
export function NoteContent({ post, api }) { export function NoteContent({ post, api }) {
return ( return (
<Box color="black" className="md" style={{ overflowWrap: 'break-word', overflow: 'hidden' }}> <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> </Box>
); );
} }

View File

@ -15,7 +15,7 @@ import { getLatestCommentRevision } from '~/logic/lib/publish';
import {useCopy} from '~/logic/lib/useCopy'; import {useCopy} from '~/logic/lib/useCopy';
import { getPermalinkForGraph} from '~/logic/lib/permalinks'; import { getPermalinkForGraph} from '~/logic/lib/permalinks';
import useMetadataState from '~/logic/state/metadata'; import useMetadataState from '~/logic/state/metadata';
import {GraphContentWide} from '../landscape/components/Graph/GraphContentWide'; import {GraphContent } from '../landscape/components/Graph/GraphContent';
const ClickBox = styled(Box)` const ClickBox = styled(Box)`
cursor: pointer; cursor: pointer;
@ -102,14 +102,14 @@ export function CommentItem(props: CommentItemProps): ReactElement {
</Row> </Row>
</Author> </Author>
</Row> </Row>
<GraphContentWide <GraphContent
borderRadius="1" borderRadius="1"
p="1" p="1"
mb="1" mb="1"
backgroundColor={props.highlighted ? 'washedBlue' : 'white'} backgroundColor={props.highlighted ? 'washedBlue' : 'white'}
transcluded={0} transcluded={0}
api={api} api={api}
post={post} contents={post.contents}
showOurContact showOurContact
/> />
</Box> </Box>

View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import { Col, Box } from '@tlon/indigo-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'; import styled from 'styled-components';
const TruncatedBox = styled(Col)` const TruncatedBox = styled(Col)`
@ -23,9 +23,9 @@ export function PostContent(props) {
textOverflow="ellipsis" textOverflow="ellipsis"
overflow="hidden" overflow="hidden"
> >
<GraphContentWide <GraphContent
transcluded={0} transcluded={0}
post={post} contents={post.contents}
api={api} api={api}
showOurContact showOurContact
/> />