mirror of
https://github.com/ilyakooo0/urbit.git
synced 2024-09-21 15:38:59 +03:00
interface: use new GraphContent
This commit is contained in:
parent
3cda34d0fa
commit
80a5612fda
@ -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}
|
||||||
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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
|
||||||
/>
|
/>
|
||||||
|
Loading…
Reference in New Issue
Block a user