   jobInvention:
     icon: 'images/icons/UI/Industry/invention.png'
 
+
+  chat:
+    icon: 'images/icons/UI/WindowIcons/chatchannels.png'
+  mailSent:
+    icon: 'images/icons/UI/WindowIcons/evemail.png'
+  mailReceived:
+    icon: 'images/icons/UI/WindowIcons/evemail.png'
+  trades:
+    icon: 'images/icons/UI/WindowIcons/comparetool.png'
+  fleetJoins:
+    icon: 'images/icons/UI/WindowIcons/fleet.png'
+  fleetBroadcasts:
+    icon: 'images/icons/UI/WindowIcons/chatchannel.png'
+
 # alias styles
 STYLES.HighSec = STYLES.high
 STYLES.LowSec = STYLES.low

SocialMiscPanel = React.createClass(
  displayName: 'SocialMiscPanel'
  render: ->
    dom.div {className: ''},
      dom.h3 null, 'Social / Fleets'
      dom.ul null,
        dom.li null, "#{numFmt(@props.stats.socialChatTotalMessageLength)} characters written in chat"
        dom.li null, "#{numFmt @props.stats.socialMailsSent} mails sent"
        dom.li null, "#{numFmt @props.stats.socialMailsReceived} mails received"
        dom.li null, "#{numFmt @props.stats.socialDirectTrades} direct trades made"
        dom.li null, "#{numFmt @props.stats.socialFleetJoins} fleets joined"
        dom.li null, "#{numFmt @props.stats.socialFleetBroadcasts} fleet broadcasts made"
)

MiscStats = React.createClass(

          dom.div {className: 'col-md-6'}, contactsOtherPanel

        dom.div {className: 'row'},
          dom.div {className: 'col-md-12'}, socialMiscPanel

        dom.div {className: 'row'}
          dom.div {className: 'col-md-6'}, miscStats

        # Misc
