var React = require('react');

var GcsImageColumn = React.createClass({
	render: function () {
		var value = this.props.data.fields[this.props.col.path] || {};
		var isVal = value.url ? value.url : null;
		return (
			<td className="ItemList__col">
              <div className="ItemList__value ItemList__value--gcs-image"><a href={isVal} target="_blank"><img src={isVal} height="150" width="150"/></a></div>
			</td>
		);
	},
});

module.exports = GcsImageColumn;

@@ -22,16 +22,43 @@
 react');
+%0Avar _ = require('lodash');
 %0A%0Avar Gc
@@ -198,19 +198,59 @@
 l = 
-value.url ?
+_.get(value, %5B 'resizedTargets', 'mobile', 'url' %5D,
  val
@@ -259,15 +259,9 @@
 .url
- : null
+)
 ;%0A%09%09

use mobile version image for rendering image list