interface: links opacity
@@ -93,7 +93,14 @@ export const LinkItem = (props: LinkItemProps): ReactElement => {
const isUnread = props.unreads.graph?.[appPath]?.['/']?.unreads?.has(node.post.index);
return (
- <Box mx="auto" px={3} maxWidth="768px" ref={ref} width="100%" {...rest}>
+ <Box
+ mx="auto"
+ px={3}
+ maxWidth="768px"
+ ref={ref}
+ width="100%"
+ opacity={node.post.pending ? '0.5' : '1'}
+ {...rest}>
<Box
lineHeight="tall"
display='flex'
@@ -155,7 +162,9 @@ export const LinkItem = (props: LinkItemProps): ReactElement => {
></Author>
<Box ml="auto">
- <Link to={`${baseUrl}/${index}`}>
+ <Link
+ to={node.post.pending ? '#' : `${baseUrl}/${index}`}
+ style={{ cursor: node.post.pending ? 'default' : 'pointer' }}>
<Box display='flex'>
<Icon color={commColor} icon='Chat' />
<Text color={commColor} ml={1}>{node.children.size}</Text>
