Update dappListItem to support onClick for profile

src/common/components/DappListItem/DappListItem.container.js

@@ -4,10 +4,12 @@ import {
   showDownVoteAction,
   showUpVoteAction,
 } from '../../../modules/Vote/Vote.reducer'
+import { toggleProfileModalAction } from '../../../modules/Profile/Profile.reducer'
 
 const mapDispatchToProps = dispatch => ({
   onClickUpVote: () => dispatch(showUpVoteAction()),
   onClickDownVote: () => dispatch(showDownVoteAction()),
+  onToggleProfileModal: data => dispatch(toggleProfileModalAction(data)),
 })
 
 export default connect(

src/common/components/DappListItem/DappListItem.jsx

@@ -16,15 +16,29 @@ const DappListItem = props => {
     image,
     isRanked,
     position,
+    category,
     showActionButtons,
     onClickUpVote,
     onClickDownVote,
+    onToggleProfileModal,
   } = props
 
   return (
     <div className={isRanked ? styles.rankedListItem : styles.listItem}>
       {isRanked && <div className={styles.position}>{position}</div>}
-      <div>
+      <div
+        onClick={() =>
+          onToggleProfileModal({
+            name,
+            url,
+            description,
+            image,
+            isRanked,
+            position,
+            category,
+          })
+        }
+      >
         <ReactImageFallback
           className={styles.image}
           src={image}
@@ -33,8 +47,22 @@ const DappListItem = props => {
         />
       </div>
       <div>
+        <div
+          onClick={() =>
+            onToggleProfileModal({
+              name,
+              url,
+              description,
+              image,
+              isRanked,
+              position,
+              category,
+            })
+          }
+        >
           <h2 className={styles.header}>{name}</h2>
           <p className={styles.description}>{description}</p>
+        </div>
         <a className={styles.url} href={url}>
           {url}
           &nbsp;&rarr;

src/common/components/DappListItem/DappListItem.module.scss

@@ -24,6 +24,7 @@
   margin-bottom: calculateRem(2);
   margin-top: calculateRem(12);
   font-weight: 500;
+  cursor: pointer;
 }
 
 .image {
@@ -32,6 +33,7 @@
   margin-top: calculateRem(15);
   margin-right: calculateRem(16);
   border-radius: 50%;
+  cursor: pointer;
 }
 
 .url {
@@ -48,6 +50,7 @@
   margin-top: 0;
   max-height: calculateRem(40);
   overflow-y: hidden;
+  cursor: pointer;
 }
 
 .position {