diff --git a/src/app/components/QRCode/index.tsx b/src/app/components/QRCode/index.tsx index ff0447617e..de9d88fb16 100644 --- a/src/app/components/QRCode/index.tsx +++ b/src/app/components/QRCode/index.tsx @@ -1,4 +1,7 @@ +import { PopiconsCopyLine } from "@popicons/react"; +import { useTranslation } from "react-i18next"; import ReactQRCode from "react-qr-code"; +import toast from "~/app/components/Toast"; import { classNames, useTheme } from "~/app/utils"; export type Props = { @@ -21,15 +24,29 @@ export default function QRCode({ value, size, level, className }: Props) { const theme = useTheme(); const fgColor = theme === "dark" ? "#FFFFFF" : "#000000"; const bgColor = theme === "dark" ? "#000000" : "#FFFFFF"; + const { t } = useTranslation("common"); + + const handleCopy = () => { + navigator.clipboard.writeText(value); + toast.success(t("actions.copied_to_clipboard")); + }; return ( - +
+ +
+ +
+
); } diff --git a/src/app/screens/ReceiveInvoice/index.tsx b/src/app/screens/ReceiveInvoice/index.tsx index ace65f36d4..0802836f61 100644 --- a/src/app/screens/ReceiveInvoice/index.tsx +++ b/src/app/screens/ReceiveInvoice/index.tsx @@ -147,7 +147,7 @@ function ReceiveInvoice() {
{isAlbyOAuthUser ? ( <>