Make featured dapps clickable

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>
     </>

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 {

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,
   },