diff --git a/src/common/components/DappListItem/DappListItem.container.js b/src/common/components/DappListItem/DappListItem.container.js index c663690..177faaf 100644 --- a/src/common/components/DappListItem/DappListItem.container.js +++ b/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( diff --git a/src/common/components/DappListItem/DappListItem.jsx b/src/common/components/DappListItem/DappListItem.jsx index b18bab3..3c6a88e 100644 --- a/src/common/components/DappListItem/DappListItem.jsx +++ b/src/common/components/DappListItem/DappListItem.jsx @@ -16,15 +16,29 @@ const DappListItem = props => { image, isRanked, position, + category, showActionButtons, onClickUpVote, onClickDownVote, + onToggleProfileModal, } = props return (
{isRanked &&
{position}
} -
+
+ onToggleProfileModal({ + name, + url, + description, + image, + isRanked, + position, + category, + }) + } + > { />
-

{name}

-

{description}

+
+ onToggleProfileModal({ + name, + url, + description, + image, + isRanked, + position, + category, + }) + } + > +

{name}

+

{description}

+
{url}  → diff --git a/src/common/components/DappListItem/DappListItem.module.scss b/src/common/components/DappListItem/DappListItem.module.scss index 8028825..459182f 100644 --- a/src/common/components/DappListItem/DappListItem.module.scss +++ b/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 {