From 1b3d820ae9af9a6a09f809f89d8566ceb968f8c3 Mon Sep 17 00:00:00 2001
From: Andy Tudhope <tuddy0525@gmail.com>
Date: Tue, 23 Apr 2019 11:09:22 +0200
Subject: [PATCH] Make featured dapps clickable

---
 src/common/components/FeatureDapps/FeatureDapps.jsx         | 4 ++--
 src/common/components/FeatureDapps/FeatureDapps.module.scss | 1 +
 src/common/data/featured.js                                 | 3 +++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/common/components/FeatureDapps/FeatureDapps.jsx b/src/common/components/FeatureDapps/FeatureDapps.jsx
index a69e83f..35dcb9a 100644
--- a/src/common/components/FeatureDapps/FeatureDapps.jsx
+++ b/src/common/components/FeatureDapps/FeatureDapps.jsx
@@ -9,7 +9,7 @@ const FeatureDapps = props => {
     <>
       <div className={styles.grid}>
         {props.featured.map((dapp, index) => (
-          <div className={styles.dapp} key={index}>
+          <a className={styles.dapp} key={index} href={dapp.url}>
             <ReactImageFallback
               src={dapp.banner}
               className={styles.banner}
@@ -30,7 +30,7 @@ const FeatureDapps = props => {
                 </span>
               </div>
             </div>
-          </div>
+          </a>
         ))}
       </div>
     </>
diff --git a/src/common/components/FeatureDapps/FeatureDapps.module.scss b/src/common/components/FeatureDapps/FeatureDapps.module.scss
index e32237d..bbb5e7d 100644
--- a/src/common/components/FeatureDapps/FeatureDapps.module.scss
+++ b/src/common/components/FeatureDapps/FeatureDapps.module.scss
@@ -22,6 +22,7 @@
   display: flex;
   flex-direction: column;
   margin: 0 calculateRem(20) calculateRem(20) calculateRem(20);
+  text-decoration: none;
 }
 
 .banner {
diff --git a/src/common/data/featured.js b/src/common/data/featured.js
index f84e370..cc7ac60 100644
--- a/src/common/data/featured.js
+++ b/src/common/data/featured.js
@@ -9,18 +9,21 @@ const featuredDapps = [
   {
     name: 'CryptoKittes',
     description: 'Collect and breed adorable digital cats',
+    url: 'https://cryptokitties.co',
     banner: CryptoKittiesBanner,
     icon: CryptoKittiesLogo,
   },
   {
     name: 'Airswap',
     description: 'Meet the future of trading',
+    url: 'https://instant.airswap.io',
     banner: AirswapBanner,
     icon: AirswapLogo,
   },
   {
     name: 'Kyber',
     description: 'On-chain, instant and liquid exchange and payment',
+    url: 'https://web3.kyber.network',
     banner: KyberBanner,
     icon: KyberLogo,
   },