interface: links opacity

pkg/interface/src/views/apps/links/components/LinkItem.tsx

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