From 852bcfcbfbb1cd204e4033bb79ab04e4b74dad7b Mon Sep 17 00:00:00 2001
From: French Ben <frenchben@docker.com>
Date: Mon, 13 Jun 2016 14:19:25 -0700
Subject: [PATCH] made all self this

Signed-off-by: French Ben <frenchben@docker.com>
---
 src/components/ImageCard.react.js          | 38 +++++++++++++---------
 src/components/NewContainerSearch.react.js | 11 +++----
 2 files changed, 28 insertions(+), 21 deletions(-)

diff --git a/src/components/ImageCard.react.js b/src/components/ImageCard.react.js
index 0115f7671c..0d3a056d68 100644
--- a/src/components/ImageCard.react.js
+++ b/src/components/ImageCard.react.js
@@ -99,7 +99,6 @@ var ImageCard = React.createClass({
     shell.openExternal(repoUri);
   },
   render: function () {
-    var self = this;
     var name;
     if (this.props.image.namespace === 'library') {
       name = (
@@ -134,17 +133,26 @@ var ImageCard = React.createClass({
       imgsrc = 'https://kitematic.com/recommended/kitematic_html.png';
     }
     var tags;
-    if (self.state.loading) {
+    if (this.state.loading) {
       tags = <RetinaImage className="tags-loading" src="loading.png"/>;
-    } else if (self.state.tags.length === 0) {
+    } else if (this.state.tags.length === 0) {
       tags = <div className="no-tags">No Tags</div>;
     } else {
-      var tagDisplay = self.state.tags.map(function (tag) {
-        let t = tag.name;
-        if (t === self.state.chosenTag) {
-          return <div className="tag active" key={t} onClick={self.handleTagClick.bind(self, t)}>{t}</div>;
+      var tagDisplay = this.state.tags.map((tag) => {
+        let t = '';
+        if (tag.name) {
+          t = tag.name;
         } else {
-          return <div className="tag" key={t} onClick={self.handleTagClick.bind(self, t)}>{t}</div>;
+          t = tag;
+        }
+        let key = t;
+        if (typeof key === 'undefined') {
+          key = this.props.image.name;
+        }
+        if (t === this.state.chosenTag) {
+          return <div className="tag active" key={key} onClick={this.handleTagClick.bind(this, t)}>{t}</div>;
+        } else {
+          return <div className="tag" key={key} onClick={this.handleTagClick.bind(this, t)}>{t}</div>;
         }
       });
       tags = (
@@ -172,10 +180,10 @@ var ImageCard = React.createClass({
             <span className="icon icon-tag"> {this.state.chosenTag}</span>
             <span className="text"></span>
           </div>
-          <div className="more-menu" onClick={self.handleMenuOverlayClick}>
+          <div className="more-menu" onClick={this.handleMenuOverlayClick}>
             <span className="icon icon-more"></span>
           </div>
-          <div className="action" onClick={self.handleClick}>
+          <div className="action" onClick={this.handleClick}>
             CREATE
           </div>
         </div>
@@ -190,7 +198,7 @@ var ImageCard = React.createClass({
           </div>
           {this.props.image.inUse ? <p className="small">To delete, remove all containers<br/>using the above image</p> : null }
           <div className="close-overlay">
-            <a className="btn btn-action circular" onClick={self.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>
+            <a className="btn btn-action circular" onClick={this.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>
           </div>
         </div>
       );
@@ -205,10 +213,10 @@ var ImageCard = React.createClass({
             <span className="icon icon-download"></span>
             <span className="text">{pullCount}</span>
           </div>
-          <div className="more-menu" onClick={self.handleMenuOverlayClick}>
+          <div className="more-menu" onClick={this.handleMenuOverlayClick}>
             <span className="icon icon-more"></span>
           </div>
-          <div className="action" onClick={self.handleClick}>
+          <div className="action" onClick={this.handleClick}>
             CREATE
           </div>
         </div>
@@ -223,7 +231,7 @@ var ImageCard = React.createClass({
               <span className="icon icon-open-external"></span><span className="text">VIEW ON DOCKER HUB</span>
             </div>
             <div className="close-overlay">
-              <a className="btn btn-action circular" onClick={self.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>
+              <a className="btn btn-action circular" onClick={this.handleCloseMenuOverlay}><span className="icon icon-delete"></span></a>
             </div>
           </div>
       );
@@ -234,7 +242,7 @@ var ImageCard = React.createClass({
         <div className="overlay tag-overlay">
           <p>Please select an image tag.</p>
           {tags}
-          <div className="close-overlay" onClick={self.handleCloseTagOverlay}>
+          <div className="close-overlay" onClick={this.handleCloseTagOverlay}>
             <a className="btn btn-action circular"><span className="icon icon-delete"></span></a>
           </div>
         </div>
diff --git a/src/components/NewContainerSearch.react.js b/src/components/NewContainerSearch.react.js
index fac25935b4..83272a2182 100644
--- a/src/components/NewContainerSearch.react.js
+++ b/src/components/NewContainerSearch.react.js
@@ -250,10 +250,12 @@ module.exports = React.createClass({
         let tags = image.tags.join('-');
         image.star_count = 0;
         image.is_local = true;
-        console.log('Img: %o', image);
         const key = `local-${image.name}-${index}`;
-        console.log('User img key: %o', key);
-        return (<ImageCard key={key + ':' + tags} image={image} chosenTag={image.tags[0]} tags={image.tags} />);
+        let imageCard = null;
+        if (image.name !== '<none>') {
+          imageCard = (<ImageCard key={key + ':' + tags} image={image} chosenTag={image.tags[0]} tags={image.tags} />);
+        }
+        return imageCard;
       });
       let userImageResults = userImageItems.length ? (
         <div className="result-grids">
@@ -282,12 +284,10 @@ module.exports = React.createClass({
     } else if (repos.length) {
       let recommendedItems = repos.filter(repo => repo.is_recommended).map((image, index) => {
         const key = `rec-${image.name}-${index}`;
-        console.log('Rec img key: %o', key);
         return (<ImageCard key={key} image={image} />);
       });
       let otherItems = repos.filter(repo => !repo.is_recommended && !repo.is_user_repo).map((image, index) => {
         const key = `other-${image.name}-${index}`;
-        console.log('Other img key: %o', key);
         return (<ImageCard key={key} image={image} />);
       });
 
@@ -302,7 +302,6 @@ module.exports = React.createClass({
 
       let userRepoItems = repos.filter(repo => repo.is_user_repo).map((image, index) => {
         const key = `usr-${image.name}-${index}`;
-        console.log('User img key: %o', key);
         return (<ImageCard key={key} image={image} />);
       });
       let userRepoResults = userRepoItems.length ? (