few changes

Author: Arinde Eniola

app/js/app.js

@@ -56,6 +56,8 @@ var EGiphy = React.createClass({
     })
   },
 
+  //handle giphy search request from the
+  // search bar
   handleSubmit: function(refs) {
     var searchValue = React.findDOMNode(refs).value;
     if(/^\s*[A-Za-z]+(?:\s+[A-Za-z]+)*\s*$/.test(searchValue)) {
@@ -79,8 +81,10 @@ var EGiphy = React.createClass({
     var display;
     // Check if the is internet connection, if not show
     // error message, if connection load giphys
+    // TODO: Make this dry during the next iteration
     if(this.state.connection) {
       // If no giphy is found, display message
+      // TODO: remove this shit, it is not DRY!
       if(this.state.noGiphyFound) {
         display = (
           <div className="mdl-cell mdl-cell--12-col giphy-view">

app/js/components/Giphy.js

@@ -4,7 +4,7 @@ require('../../css/style.css');
 
 var Giphy = React.createClass({
 
-  copyLikeToCliboard: function() {
+  copyLinkToCliboard: function() {
     clipboard.writeText(this.props.src.original.url);
     this.props.showSnackBar();
   },
@@ -14,7 +14,7 @@ var Giphy = React.createClass({
     return (
       <img
         src={this.props.src.fixed_height_downsampled.url}
-        onClick={this.copyLikeToCliboard}
+        onClick={this.copyLinkToCliboard}
         className="giphy-image"/>
     );
   }

app/js/components/GiphyView.js

@@ -29,14 +29,14 @@ var GiphyView = React.createClass({
     * else show giphys
     */
     var gifs = [],
-        showDiv
+        showSpinner,
         self = this;
 
     if(!this.props.giphys.length) {
-      showDiv = ""
+      showSpinner = ""
     }
     else {
-      showDiv = "show-div"
+      showSpinner = "show-div"
       gifs = this.props.giphys.map(function(gif, index) {
         return (
           <div className="grid-item" key={'giphy-' + index}>
@@ -46,7 +46,7 @@ var GiphyView = React.createClass({
       });
     }
 
-    //This is bad, find a better way!
+    // TODO: This is bad, find a better way!
     setTimeout(function() {
       this.addMasonryLayout()
     }.bind(this), 500);
@@ -56,7 +56,7 @@ var GiphyView = React.createClass({
         <div className="help-text">
           <span>CLICK ON IMAGE TO COPY LINK TO CLIPBOARD</span>
         </div>
-        <div className={"load8 " + showDiv}>
+        <div className={"load8 " + showSpinner}>
           <div className="loader">Loading...</div>
         </div>
         <div className="grid">

app/js/stores/GiphyStore.js

@@ -39,7 +39,7 @@ var GiphyStore = assign({}, EventEmitter.prototype, {
 AppDispatcher.register(function(action) {
 
   switch(action.actionType) {
-      //what the fuck is this!
+      //what the fuck is this, make it dry!
       case "LOAD_TRENDING_GIPHYS":
         giphys = action.data;
         GiphyStore.emitLoadGiphys();