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 (
-