coveralls in search

Author: mihaidma

client/assets/css/components/module.styl

@@ -71,6 +71,11 @@
     &.passed
       background-color: #56A93C
 
+.img-badge
+  height: 24px
+  width: auto
+  padding: 1px 0
+
 #query-results-container
   &.panel
     padding: $ui-spacing-half

client/components/module-source.js

@@ -5,16 +5,20 @@ import React from 'react'
 export const ModuleSource = React.createClass({
   propTypes: {
     data: React.PropTypes.object.isRequired,
-    sourceName: React.PropTypes.string.isRequired
+    sourceName: React.PropTypes.string.isRequired,
+    imgSrc: React.PropTypes.string
   },
   render () {
-    let className = `logo logo-${this.props.sourceName} ${this.props.className}`
-    let source = this.props.data[this.props.sourceName]
+    let {imgSrc, sourceName} = this.props
+    let imgClassName = imgSrc && `img-badge`
+    let className = !imgSrc && `logo logo-${this.props.sourceName} ${this.props.className}`
+    let source = this.props.data[sourceName]
     let url = source ? source.url : ''
+    let img = imgSrc && <img src={imgSrc} alt={sourceName} className={imgClassName}/>
 
     return (
       source && source.connected
-        ? <a href={url} target='_blank' className={className} target="_blank"></a>
+        ? <a href={url} target='_blank' target="_blank" className={className}>{img}</a>
         : null
     )
   }

client/components/search-result.js

@@ -31,6 +31,9 @@ export const SearchResult = React.createClass({
             <ModuleSource data={result} sourceName="npm"/>
             {this.hasBuild(result.travis) ? null :
               <ModuleSource data={result} sourceName="travis"/>}
+            {result.coveralls && result.coveralls.badgeUrl
+              ? <ModuleSource data={result} sourceName="coveralls" imgSrc={result.coveralls.badgeUrl}/>
+              : null}
           </div>
         </div>
         <p className="module-description">