add noopener noreferrer to links to external websites

petar-i-todorov · Jan 4, 2024 · 0547b7e · 0547b7e
1 parent c956de2
commit 0547b7e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/app/components/hamburger-menu-lg.tsx b/app/components/hamburger-menu-lg.tsx
@@ -91,6 +91,7 @@ export default function HamburgerMenu({
 					<Link
 						to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<Icon
 							name="facebook-logo"
@@ -102,6 +103,7 @@ export default function HamburgerMenu({
 					<Link
 						to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<Icon
 							name="twitter-logo"
@@ -113,6 +115,7 @@ export default function HamburgerMenu({
 					<Link
 						to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<Icon
 							name="instagram-logo"
@@ -124,6 +127,7 @@ export default function HamburgerMenu({
 					<Link
 						to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<Icon
 							name="youtube-logo"
@@ -135,6 +139,7 @@ export default function HamburgerMenu({
 					<Link
 						to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 						target="_blank"
+						rel="noopener noreferrer"
 					>
 						<Icon
 							name="twitch-logo"

diff --git a/app/root.tsx b/app/root.tsx
@@ -496,6 +496,7 @@ function App() {
 											<Link
 												to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 												target="_blank"
+												rel="noopener noreferrer"
 											>
 												<Icon
 													name="facebook-logo"
@@ -507,6 +508,7 @@ function App() {
 											<Link
 												to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 												target="_blank"
+												rel="noopener noreferrer"
 											>
 												<Icon
 													name="twitter-logo"
@@ -518,6 +520,7 @@ function App() {
 											<Link
 												to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 												target="_blank"
+												rel="noopener noreferrer"
 											>
 												<Icon
 													name="instagram-logo"
@@ -529,6 +532,7 @@ function App() {
 											<Link
 												to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 												target="_blank"
+												rel="noopener noreferrer"
 											>
 												<Icon
 													name="youtube-logo"
@@ -540,6 +544,7 @@ function App() {
 											<Link
 												to="https://www.youtube.com/watch?v=dQw4w9WgXcQ&ab_channel=RickAstley"
 												target="_blank"
+												rel="noopener noreferrer"
 											>
 												<Icon
 													name="twitch-logo"