Add key to qrcode share button
This commit is contained in:
parent
8b78a10f9a
commit
1e823048d3
@ -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,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user