fix: Missing key prop warning

This commit is contained in:
Tom Moor
2024-05-27 13:28:46 -04:00
parent 6f30972888
commit f9dac3cba1
3 changed files with 5 additions and 8 deletions

View File

@@ -270,15 +270,16 @@ function SharePopover({ collection, visible, onRequestClose }: Props) {
const rightButton = picker ? (
pendingIds.length ? (
<PermissionAction
key="invite"
permission={permission}
permissions={permissions}
action={inviteAction}
onChange={(value: CollectionPermission) => setPermission(value)}
key="invite"
/>
) : null
) : (
<CopyLinkButton
key="copy-link"
url={urlify(collectionPath(collection.path))}
onCopy={onRequestClose}
/>

View File

@@ -240,15 +240,16 @@ function SharePopover({
const rightButton = picker ? (
pendingIds.length ? (
<PermissionAction
key="invite"
permission={permission}
permissions={permissions}
action={inviteAction}
onChange={(value: DocumentPermission) => setPermission(value)}
key="invite"
/>
) : null
) : (
<CopyLinkButton
key="copy-link"
url={urlify(documentPath(document))}
onCopy={onRequestClose}
/>

View File

@@ -31,12 +31,7 @@ export function CopyLinkButton({
}, [onCopy, t]);
return (
<Tooltip
content={t("Copy link")}
delay={500}
placement="top"
key="copy-link"
>
<Tooltip content={t("Copy link")} delay={500} placement="top">
<CopyToClipboard text={url} onCopy={handleCopied}>
<NudeButton type="button">
<LinkIcon size={20} />