Use component

charliegerard · Feb 25, 2019 · 6cf79fc · 6cf79fc
1 parent 8d94a9c
commit 6cf79fc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/MentorsList/MentorsList.js b/src/components/MentorsList/MentorsList.js
@@ -19,9 +19,9 @@ const tagsList = tags => tags.map((tag, index) => {
 const items = (mentors, favs, onToggleFav) => mentors.map((mentor, index) => {
   return (<Card className="mentor-card" key={index}>
     <header>
-      <button className="ui right corner label" onClick={onToggleFav.bind(null, mentor)}>
+      <Label as='button' corner="right" onClick={onToggleFav.bind(null, mentor)}>
         <Icon name="heart" color={favs.indexOf(mentor.id) > -1 ? 'red' : 'black'} />
-      </button>
+      </Label>
       <img src={mentor.avatar} alt={`${mentor.name}'s avatar`} />
       <div className="details">
         <Card.Header>{mentor.name}</Card.Header>