delete icon deleting, added more seed data

mollycarroll · Mar 17, 2021 · fefe98f · fefe98f
1 parent 3b5ccad
commit fefe98f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/EventCard.jsx b/src/components/EventCard.jsx
@@ -46,8 +46,8 @@ export default class EventCard extends Component {
                   <Link to={ event._id } className="router-link"><h5 className="each-title text-start">{ event.Title }</h5></Link>
                   <p className="each-name text-start"><strong>Added By:</strong> { event.Creator }</p>
                   <p className="each-name text-start"><strong>Date(s):</strong> { event.Date }</p>
-                  <button onClick ={() => this.deleteEvent(event._id)}>Delete</button>
-                  {/* <i className="far fa-trash-alt" onClick={() => this.deleteEvent(event._id)}></i> */}
+                  {/* <button onClick ={() => this.deleteEvent(event._id)}>Delete</button> */}
+                  <i className="far fa-trash-alt position-absolute" onClick={() => this.deleteEvent(event._id)}></i>
                   <p className="badge rounded-pill text-center position-absolute">{ event.Category }<i className="fas fa-glass-cheers ml-1"></i></p>
                 </div>
               )

diff --git a/src/index.css b/src/index.css
@@ -152,9 +152,15 @@ nav {
 }
 
 .fa-trash-alt {
+  bottom: 2em;
+  cursor: pointer;
   font-size: 1.5em;
 }
 
+.fa-trash-alt:hover {
+  color: white;
+}
+
 @keyframes fade-in {
   from {
     opacity: 0;