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 ? ( const rightButton = picker ? (
pendingIds.length ? ( pendingIds.length ? (
<PermissionAction <PermissionAction
key="invite"
permission={permission} permission={permission}
permissions={permissions} permissions={permissions}
action={inviteAction} action={inviteAction}
onChange={(value: CollectionPermission) => setPermission(value)} onChange={(value: CollectionPermission) => setPermission(value)}
key="invite"
/> />
) : null ) : null
) : ( ) : (
<CopyLinkButton <CopyLinkButton
key="copy-link"
url={urlify(collectionPath(collection.path))} url={urlify(collectionPath(collection.path))}
onCopy={onRequestClose} onCopy={onRequestClose}
/> />

View File

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

View File

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