fix: update links to open in a new tab

dy0gu · Sep 13, 2024 · 5ffdfde · 5ffdfde
1 parent 1da8cb1
commit 5ffdfde
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,7 +18,6 @@
 		"check:fix": "biome check --write"
 	},
 	"dependencies": {
-		"@playwright/test": "^1.47.1",
 		"@remix-run/dev": "^2.12.0",
 		"@remix-run/node": "^2.12.0",
 		"@remix-run/react": "^2.12.0",
@@ -32,6 +31,7 @@
 		"zod": "^3.23.8"
 	},
 	"devDependencies": {
+		"@playwright/test": "^1.47.1",
 		"@biomejs/biome": "~1.9.0",
 		"@types/node": "^22.5.4",
 		"@types/react": "^18.3.5",

diff --git a/src/components/navigation.tsx b/src/components/navigation.tsx
@@ -13,8 +13,10 @@ function Navigation({ className, links }: NavigationProps) {
 					// biome-ignore lint/suspicious/noArrayIndexKey: mapped object is static
 					<li key={index}>
 						<a
-							href={item.href}
 							className="duration-500 text-zinc-400 hover:text-zinc-100"
+							href={item.href}
+							target="_blank"
+							rel="noreferrer"
 						>
 							{item.name}
 						</a>