From 94df41492016e5c5e53a4d4e9b63bc5dd5b92fc6 Mon Sep 17 00:00:00 2001
From: Hammad Jutt <jutt@ualberta.ca>
Date: Sun, 20 Dec 2020 17:30:38 -0700
Subject: [PATCH] Add rel="noreferrer noopener" to external links

---
 packages/design-system/src/MetaButton.tsx         | 3 +--
 packages/web/components/Player/PlayerContacts.tsx | 3 +++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/design-system/src/MetaButton.tsx b/packages/design-system/src/MetaButton.tsx
index 91964650..045999f3 100644
--- a/packages/design-system/src/MetaButton.tsx
+++ b/packages/design-system/src/MetaButton.tsx
@@ -3,8 +3,7 @@ import React from 'react';
 
 export const MetaButton: React.FC<ButtonProps> = ({ children, ...props }) => (
   <Button
-    bgColor="purple.400"
-    _hover={{ bgColor: 'purple.500' }}
+    colorScheme="purple"
     textTransform="uppercase"
     px={12}
     letterSpacing="0.1em"
diff --git a/packages/web/components/Player/PlayerContacts.tsx b/packages/web/components/Player/PlayerContacts.tsx
index 0346afc8..cb9aecbb 100644
--- a/packages/web/components/Player/PlayerContacts.tsx
+++ b/packages/web/components/Player/PlayerContacts.tsx
@@ -20,6 +20,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
               as="a"
               href={link}
               target="_blank"
+              rel="noreferrer noopener"
               key={link}
               size="xs"
               colorScheme="twitter"
@@ -36,6 +37,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
               as="a"
               href={link}
               target="_blank"
+              rel="noreferrer noopener"
               key={link}
               size="xs"
               colorScheme="blackAlpha"
@@ -53,6 +55,7 @@ export const PlayerContacts: React.FC<Props> = ({ player }) => {
           as="a"
           href={`https://etherscan.com/address/${player.ethereum_address}`}
           target="_blank"
+          rel="noreferrer noopener"
           size="xs"
           colorScheme="blackAlpha"
           leftIcon={<FaEthereum />}