Extract DuplicatesBox

public/components/dups/duplicates-box.js

@@ -0,0 +1,29 @@
+'use strict';
+var React = require('react');
+var ReactBootstrap = require('react-bootstrap');
+var Duplicate = require('./duplicate');
+
+var DuplicatesBox = React.createClass({
+    render: function () {
+        var ListGroup = ReactBootstrap.ListGroup;
+        if (this.props.dups && this.props.dups.length > 0) {
+            var duplicates = this.props.dups.map(function (duplicate) {
+                return (
+                    <Duplicate track={duplicate.track} key={duplicate.track.id}/>
+                );
+            });
+            return (
+                <ListGroup>
+                    {duplicates}
+                </ListGroup>
+            );
+        }
+        else {
+            return (
+                <p>No duplicate found</p>
+            );
+        }
+    }
+});
+
+module.exports = DuplicatesBox;

public/script.jsx

@@ -20,30 +20,7 @@ function getHashParams() {
     return hashParams;
 }
 
-var Duplicate = require('./components/Duplicate');
+var DuplicatesBox = require('./components/dups/duplicates-box');
-
-var DuplicatesBox = React.createClass({
-    render: function () {
-        var ListGroup = ReactBootstrap.ListGroup;
-        if (this.props.dups && this.props.dups.length > 0) {
-            var duplicates = this.props.dups.map(function (duplicate) {
-                return (
-                    <Duplicate track={duplicate.track} key={duplicate.track.id}/>
-                );
-            });
-            return (
-                <ListGroup>
-                    {duplicates}
-                </ListGroup>
-            );
-        }
-        else {
-            return (
-                <p>No duplicate found</p>
-            );
-        }
-    }
-});
 
 
 var PlaylistBox = React.createClass({