Hide duplicates when refreshing token

public/script.js

@@ -88,14 +88,21 @@ var DuplicateFinderBox = React.createClass({
             currentId: null,
             currentUId: null,
             dups: null,
-            dupsLoading: false
+            dupsLoading: false,
+            clicked: false
         };
     },
+    componentWillReceiveProps: function (nextProps) {
+        this.setState({
+            clicked: false
+        });
+    },
     handlePlaylistClick: function (id, uid) {
         this.setState({
             currentId: id,
             currentUId: uid,
-            dupsLoading: true
+            dupsLoading: true,
+            clicked: true
         });
         var self = this;
 
@@ -117,10 +124,19 @@ var DuplicateFinderBox = React.createClass({
         });
     },
     render: function () {
-        var duplicates = <p>Loading...</p>;
+        var duplicates;
+        if (this.state.clicked) {
+            duplicates = <p>Loading...</p>;
             if (!this.state.dupsLoading) {
                 duplicates = <DuplicatesBox dups={this.state.dups}/>;
             }
+            duplicates = (
+                <div className="col-md-6">
+                    <h2>Duplicates</h2>
+                    {duplicates}
+                </div>
+            )
+        }
         var playlistBox = <p>Loading...</p>;
         if (!this.props.playlistsLoading) {
             playlistBox = <PlaylistBox handleClick={this.handlePlaylistClick} playlists={this.props.playlists}/>;
@@ -131,11 +147,8 @@ var DuplicateFinderBox = React.createClass({
                     <h2>Playlists</h2>
                     {playlistBox}
                 </div>
-                <div className="col-md-6">
-                    <h2>Duplicates</h2>
                 {duplicates}
             </div>
-            </div>
         );
     }
 });