chore: fixes bug with links always populating

This commit is contained in:
James
2022-09-07 16:52:32 -07:00
parent a99d9c98c3
commit eb963066f7
3 changed files with 58 additions and 54 deletions

View File

@@ -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&nbsp;
Linked to&nbsp;
<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:&nbsp;
<a
className={`${baseClass}__goto-link`}
className={`${baseClass}__link-label`}
href={element.url}
target="_blank"
rel="noreferrer"

View File

@@ -29,7 +29,7 @@
}
}
&__goto-link {
&__link-label {
max-width: base(8);
overflow: hidden;
text-overflow: ellipsis;