Add key to qrcode share button

This commit is contained in:
Sam Becker 2026-01-23 19:40:25 -06:00
parent 8b78a10f9a
commit 1e823048d3

View File

@ -52,12 +52,14 @@ export default function ShareModal({
}, [setShouldRespondToKeyboardCommands]); }, [setShouldRespondToKeyboardCommands]);
const renderButton = ( const renderButton = (
key: string,
icon: ReactNode, icon: ReactNode,
action: () => void, action: () => void,
embedded?: boolean, embedded?: boolean,
tooltip?: string, tooltip?: string,
) => ) =>
<LoaderButton <LoaderButton
key={key}
className={clsx( className={clsx(
'flex items-center justify-center h-10', 'flex items-center justify-center h-10',
'px-3', 'px-3',
@ -129,6 +131,7 @@ export default function ShareModal({
</div> </div>
</MaskedScroll> </MaskedScroll>
{renderButton( {renderButton(
'copy',
<BiCopy size={18} />, <BiCopy size={18} />,
() => { () => {
navigator.clipboard.writeText(pathShare); navigator.clipboard.writeText(pathShare);
@ -141,6 +144,7 @@ export default function ShareModal({
{SOCIAL_NETWORKS.map(key => {SOCIAL_NETWORKS.map(key =>
key === 'qrcode' ? ( key === 'qrcode' ? (
renderButton( renderButton(
'qrcode',
showQR ? <IoCloseSharp size={18} /> : <TbQrcode size={18} />, showQR ? <IoCloseSharp size={18} /> : <TbQrcode size={18} />,
() => setShowQR(q => !q), () => setShowQR(q => !q),
false, false,
@ -161,6 +165,7 @@ export default function ShareModal({
)} )}
{typeof navigator !== 'undefined' && navigator.share && {typeof navigator !== 'undefined' && navigator.share &&
renderButton( renderButton(
'share',
<IoArrowUp size={18} />, <IoArrowUp size={18} />,
() => navigator.share({ () => navigator.share({
title: navigatorTitle, title: navigatorTitle,