urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-19 08:32:39 +03:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4879 from urbit/james/unavailable-refs

Browse Source 
permalinks: present error for unavailable references
This commit is contained in:
matildepark 2021-05-07 18:00:56 -04:00 committed by GitHub
commit 183e285390
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
pkg/interface/src/views/apps/permalinks/embed.tsx
View File

@ -111,9 +111,9 @@ function GraphPermalink(
bg="white"
maxWidth={full ? null : "500px"}
border={full ? null : "1"}
borderColor='lightGray'
borderColor="lightGray"
borderRadius="2"
cursor='pointer'
cursor="pointer"
onClick={(e) => {
navigate(e);
}}
@ -127,18 +127,22 @@ function GraphPermalink(
showOurContact={showOurContact}
/>
)}
{association ? (
{isInSameResource && (
<Row height='12px' />
)}
{association && !isInSameResource ? (
<PermalinkDetails
known
showTransclusion={showTransclusion}
showDetails={!isInSameResource}
icon={getModuleIcon(association.metadata.config.graph)}
title={association.metadata.title}
permalink={permalink}
/>
) : (
) : null}
{!association && (
<PermalinkDetails
icon="Groups"
showDetails={false}
title={graph.slice(5)}
permalink={permalink}
/>
@ -155,39 +159,30 @@ function PermalinkDetails(props: {
showDetails?: boolean;
known?: boolean;
}) {
const { title, icon, permalink, known, showTransclusion , showDetails } = props;
const { title, icon, permalink, known, showTransclusion } = props;
const rowTransclusionStyle = showTransclusion
? { p: '12px 12px 11px 11px' }
: { p: '12px' };
if (showDetails) {
return (
<Row
{...rowTransclusionStyle}
alignItems="center"
justifyContent="space-between"
width="100%"
>
<Row gapX="2" alignItems="center">
<Box width={4} height={4}>
<Center width={4} height={4}>
<Icon icon={icon} color='gray' />
</Center>
</Box>
<Text gray mono={!known}>
{title}
</Text>
</Row>
return (
<Row
{...rowTransclusionStyle}
alignItems="center"
justifyContent="space-between"
width="100%"
>
<Row gapX="2" alignItems="center">
<Box width={4} height={4}>
<Center width={4} height={4}>
<Icon icon={icon} color='gray' />
</Center>
</Box>
<Text gray mono={!known}>
{title}
</Text>
</Row>
);
} else {
return (
<Row
height='12px'
width="100%"
/>
);
}
</Row>
);
}
export function PermalinkEmbed(props: {