From be515e12fd0b28656a6034a4be9d294a6e792c72 Mon Sep 17 00:00:00 2001
From: Bernt Christian Egeland <bernt.christian.egeland@gmail.com>
Date: Wed, 21 Aug 2024 11:25:12 +0000
Subject: [PATCH] open joinzt in new tab

---
 .../networkByIdPage/networkQrCode.tsx         | 22 +++----------------
 1 file changed, 3 insertions(+), 19 deletions(-)

diff --git a/src/components/networkByIdPage/networkQrCode.tsx b/src/components/networkByIdPage/networkQrCode.tsx
index ad69023d..2eefff6d 100644
--- a/src/components/networkByIdPage/networkQrCode.tsx
+++ b/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>
 	);
 };