Highlight the selected thread

js/views/conversation_list_item_view.js

@@ -27,6 +27,7 @@ var Whisper = Whisper || {};
         this.view.delegateEvents();
       }
       this.view.render();
+      this.$el.addClass('selected');
     },
 
     render: function() {

js/views/conversation_list_view.js

@@ -10,15 +10,12 @@ var Whisper = Whisper || {};
     collection: Whisper.Threads,
 
     events: {
-      'click .conversation': 'select',
+      'click .contact': 'select',
     },
 
     select: function(e) {
-      var target = $(e.target).closest('.conversation');
-      if (!target.is('.selected')) {
-        target.siblings().removeClass('slected');
-        target.addClass('selected');
-      }
+      var target = $(e.target).closest('.contact');
+      target.siblings().removeClass('selected');
       return false;
     },
   });

stylesheets/index.css

@@ -22,6 +22,10 @@ body {
   display: none;
 }
 
+.contact.selected {
+  background-color: aliceblue;
+}
+
 .conversation {
   margin: 0;
   padding: 0;