Merge pull request #505 from sinamics/qrcode-link

Open the joinzt site when clicking the qrcode

src/components/networkByIdPage/networkQrCode.tsx

@@ -1,10 +1,8 @@
 import { useTheme } from "next-themes";
 import { QRCodeSVG } from "qrcode.react";
 import React, { useEffect, useState } from "react";
-import { CopyToClipboard } from "react-copy-to-clipboard";
-import toast from "react-hot-toast";
 import daisyuiColors from "daisyui/src/theming/themes";
-import { useTranslations } from "next-intl";
+import Link from "next/link";
 
 interface IProps {
 	networkId: string;
@@ -15,7 +13,6 @@ const urlBuilder = (networkId: string) => {
 };
 
 const NetworkQrCode = ({ networkId }: IProps) => {
-	const t = useTranslations();
 	const [themeRGBColor, setThemeRGBColor] = useState("");
 	const { theme } = useTheme();
 
@@ -24,20 +21,7 @@ const NetworkQrCode = ({ networkId }: IProps) => {
 	}, [theme]);
 
 	return (
-		<CopyToClipboard
-			text={urlBuilder(networkId)}
-			onCopy={() =>
-				toast.success(
-					t("commonToast.copyToClipboard.success", {
-						element: urlBuilder(networkId),
-					}),
-					{
-						id: "copyNwid",
-					},
-				)
-			}
-			title={t("commonToast.copyToClipboard.title")}
-		>
+		<Link target="_blank" rel="nofollow noopener noreferrer" href={urlBuilder(networkId)}>
 			<QRCodeSVG
 				value={urlBuilder(networkId)}
 				size={100}
@@ -46,7 +30,7 @@ const NetworkQrCode = ({ networkId }: IProps) => {
 				level={"M"}
 				includeMargin={true}
 			/>
-		</CopyToClipboard>
+		</Link>
 	);
 };