chore: fixes bug with links always populating
This commit is contained in:
@@ -141,16 +141,19 @@ export const LinkElement = ({ attributes, children, element, editorRef, fieldPro
|
||||
boundingRef={editorRef}
|
||||
render={() => (
|
||||
<div className={`${baseClass}__popup`}>
|
||||
{element.linkType === 'internal' && (
|
||||
{element.linkType === 'internal' && element.doc?.relationTo && element.doc?.value && (
|
||||
<Fragment>
|
||||
Linked to doc
|
||||
Linked to
|
||||
<span className={`${baseClass}__link-label`}>
|
||||
{config.collections.find(({ slug }) => slug === element.doc.relationTo)?.labels?.singular}
|
||||
</span>
|
||||
</Fragment>
|
||||
)}
|
||||
{(element.linkType === 'custom' || !element.linkType) && (
|
||||
<Fragment>
|
||||
Go to link:
|
||||
<a
|
||||
className={`${baseClass}__goto-link`}
|
||||
className={`${baseClass}__link-label`}
|
||||
href={element.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
&__goto-link {
|
||||
&__link-label {
|
||||
max-width: base(8);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
Reference in New Issue
Block a user